:root {
  --paper: #e7e4d8;
  --paper-2: #f2efe5;
  --ink: #10251d;
  --ink-2: #18352a;
  --orange: #ff4f1f;
  --acid: #d8ff3e;
  --line: rgba(16, 37, 29, .25);
  --max: 1420px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #b8b6ad;
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
::selection { color: var(--paper); background: var(--orange); }

.page-frame { width: min(100%, var(--max)); margin: 0 auto; background: var(--paper); box-shadow: 0 0 80px rgba(12, 24, 19, .2); overflow: hidden; }
.site-header { position: relative; z-index: 20; height: 90px; padding: 0 34px; display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid var(--ink); background: var(--paper); }
.identity { display: inline-flex; align-items: center; gap: 12px; width: fit-content; }
.identity-block { display: grid; place-items: center; width: 45px; height: 45px; color: var(--paper); background: var(--ink); font: 900 18px/1 Arial, sans-serif; transform: rotate(-3deg); }
.identity b, .identity small { display: block; }.identity b { font-size: 14px; letter-spacing: .12em; }.identity small { font: 700 8px/1.5 "Courier New", monospace; letter-spacing: .1em; }
.site-nav { display: flex; align-items: center; height: 100%; }
.site-nav a { height: 100%; padding: 0 18px; display: grid; place-items: center; border-left: 1px solid rgba(16,37,29,.15); font-size: 12px; font-weight: 800; transition: .2s; }
.site-nav a:hover { background: var(--acid); }
.site-nav .refund-link { color: white; background: var(--orange); }.site-nav .refund-link:hover { color: var(--ink); background: var(--acid); }
.nav-toggle { display: none; width: 46px; height: 46px; padding: 12px; border: 1px solid var(--ink); background: none; }
.nav-toggle span { display: block; height: 2px; margin: 6px 0; background: var(--ink); transition: .25s; }

.hero { position: relative; min-height: 790px; padding: 78px 64px 80px 118px; display: grid; grid-template-columns: .88fr 1.12fr; grid-template-rows: 1fr auto; gap: 32px 58px; background: var(--paper); }
.hero::after { content: ""; position: absolute; right: 31%; top: 0; width: 1px; height: 55px; background: var(--ink); }
.hero-ruler { position: absolute; left: 0; top: 0; bottom: 0; width: 50px; padding: 28px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-right: 1px solid var(--ink); font: 700 8px/1 "Courier New", monospace; letter-spacing: .08em; writing-mode: vertical-rl; }
.hero-ruler i { flex: 1; width: 100%; margin: 22px 0; background: repeating-linear-gradient(to bottom, transparent 0 11px, var(--ink) 11px 12px); opacity: .35; }
.hero-copy { position: relative; z-index: 2; align-self: center; }
.kicker { margin: 0 0 22px; font: 800 10px/1.4 "Courier New", monospace; letter-spacing: .12em; }.kicker span { color: var(--orange); }
.hero h1 { margin: 0; font-size: clamp(72px, 8.4vw, 122px); font-weight: 950; line-height: .82; letter-spacing: -.095em; }
.hero h1 span { white-space: nowrap; }.hero h1 em { position: relative; color: var(--orange); font-style: normal; white-space: nowrap; }.hero h1 em::after { content: ""; position: absolute; left: 1%; right: -5%; bottom: 8%; z-index: -1; height: 12px; background: var(--acid); transform: rotate(-2deg); }
.intro { max-width: 480px; margin: 42px 0 0; padding-left: 20px; border-left: 4px solid var(--orange); font-size: 15px; font-weight: 600; }
.hero-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 42px; border: 1px solid var(--ink); }
.action { min-height: 84px; padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; transition: .2s; }
.action + .action { border-left: 1px solid var(--ink); }.action b, .action span { display: block; }.action b { font-size: 14px; }.action span { margin-top: 3px; opacity: .65; font: 700 9px/1.4 "Courier New", monospace; }.action-dark { color: white; background: var(--ink); }.action-dark:hover { color: var(--ink); background: var(--acid); }.action-line:hover { background: white; }
.hero-visual { position: relative; align-self: center; min-width: 0; padding: 22px 22px 50px; background: var(--ink); transform: rotate(1.6deg); box-shadow: 22px 22px 0 var(--orange); }
.hero-visual img { width: 100%; height: 430px; object-fit: cover; filter: saturate(.76) contrast(1.08); }
.photo-index { position: absolute; z-index: 2; top: 34px; left: 34px; padding: 6px 10px; color: var(--paper); background: var(--orange); font: 800 9px/1 "Courier New", monospace; letter-spacing: .1em; }
.visual-stamp { position: absolute; right: -24px; bottom: 24px; width: 125px; height: 125px; padding: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--ink); background: var(--acid); border-radius: 50%; transform: rotate(-12deg); }.visual-stamp::after { content: ""; position: absolute; inset: 8px; border: 1px dashed var(--ink); border-radius: 50%; }.visual-stamp b { font-size: 42px; line-height: 1; }.visual-stamp span { font-size: 10px; font-weight: 900; line-height: 1.3; }
.hero-visual > p { margin: 15px 0 -33px; color: #9bb0a6; font: 700 9px/1 "Courier New", monospace; letter-spacing: .18em; }
.hero-note { grid-column: 2; max-width: 470px; padding: 13px 18px; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; border-top: 1px solid var(--ink); }.hero-note span { color: var(--orange); font: 900 9px/1 "Courier New", monospace; letter-spacing: .1em; }.hero-note p { margin: 0; font-size: 11px; }

.ticker { overflow: hidden; border-block: 1px solid var(--ink); background: var(--acid); white-space: nowrap; }.ticker div { width: max-content; padding: 12px 0; font-size: 12px; font-weight: 900; letter-spacing: .09em; animation: tickerMove 20s linear infinite; }.ticker i { margin: 0 26px; color: var(--orange); font-style: normal; font-size: 18px; }
@keyframes tickerMove { to { transform: translateX(-35%); } }

.section { padding: 118px 64px; }
.section-title { display: grid; grid-template-columns: 160px 1fr 310px; align-items: end; gap: 34px; margin-bottom: 58px; }.section-title > p { align-self: start; margin: 5px 0 0; font: 900 10px/1.4 "Courier New", monospace; letter-spacing: .12em; }.section-title > h2 { margin: 0; font-size: clamp(48px, 6vw, 78px); line-height: .93; letter-spacing: -.075em; }.section-title > span { padding-left: 20px; border-left: 1px solid currentColor; font-size: 13px; }

.system { background: var(--paper-2); }
.system-board { border-top: 2px solid var(--ink); }
.system-row { min-height: 132px; display: grid; grid-template-columns: 95px 1fr 1.35fr 120px; gap: 26px; align-items: center; border-bottom: 1px solid var(--ink); transition: .25s; }.system-row:hover { padding-inline: 18px; background: var(--acid); }.system-row > b { font: 900 34px/1 Arial, sans-serif; }.system-row h3 { margin: 0; font-size: 21px; }.system-row p { margin: 0; font-size: 12px; }.status { justify-self: end; padding: 6px 10px; border: 1px solid var(--ink); border-radius: 99px; font: 800 9px/1 "Courier New", monospace; }

.gallery-section { position: relative; color: var(--paper); background: var(--ink); overflow: hidden; }.gallery-section::before { content: "98"; position: absolute; right: -28px; top: 5px; color: rgba(231,228,216,.035); font-size: 350px; font-weight: 950; line-height: 1; letter-spacing: -.12em; }.section-title.light { position: relative; z-index: 2; }.section-title.light > span { color: #aab9b2; }
.image-gallery { position: relative; z-index: 2; min-height: 700px; display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 1fr 1fr; gap: 28px; }
.field-photo { position: relative; margin: 0; }.field-photo-a { grid-row: 1 / 3; align-self: start; }.field-photo-b { grid-column: 2; grid-row: 2; align-self: end; }.field-photo img { width: 100%; object-fit: cover; filter: saturate(.7) contrast(1.13); }.field-photo-a img { height: 535px; }.field-photo-b img { height: 300px; }.field-photo figcaption { padding-top: 13px; display: flex; justify-content: space-between; border-top: 1px solid rgba(231,228,216,.45); margin-top: 12px; }.field-photo figcaption b { font-size: 13px; }.field-photo figcaption span { color: #98aaa1; font: 700 8px/1.5 "Courier New", monospace; letter-spacing: .1em; }
.field-photo-b { transform: translateX(-50px) rotate(-1.4deg); }.field-photo-b::after { content: "02"; position: absolute; right: -72px; top: -90px; color: var(--orange); font-size: 110px; font-weight: 950; line-height: 1; }
.crop-marks { position: absolute; inset: -8px; z-index: 2; pointer-events: none; background: linear-gradient(var(--acid),var(--acid)) left top/28px 2px no-repeat,linear-gradient(var(--acid),var(--acid)) left top/2px 28px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/28px 2px no-repeat,linear-gradient(var(--acid),var(--acid)) right bottom/2px 28px no-repeat; }
.gallery-coordinate { position: relative; grid-column: 2; grid-row: 1; align-self: center; justify-self: center; width: 190px; height: 190px; display: grid; place-items: center; border: 1px solid rgba(231,228,216,.22); border-radius: 50%; }.gallery-coordinate::before,.gallery-coordinate::after { content:""; position:absolute; background:rgba(231,228,216,.16); }.gallery-coordinate::before { width: 1px; height: 240px; }.gallery-coordinate::after { width: 240px; height: 1px; }.gallery-coordinate b { font-size: 48px; }.gallery-coordinate small { position: absolute; margin-top: 250px; font: 700 8px/1 "Courier New", monospace; letter-spacing: .15em; }

.route { background: var(--orange); }.route .section-title { margin-bottom: 78px; }.route-line { position: relative; display: grid; grid-template-columns: repeat(3,1fr); }.route-line::before { content:""; position:absolute; left: 0; right: 0; top: 34px; height: 2px; background: var(--ink); }.route-line article { position: relative; z-index: 1; padding-right: 48px; }.route-line article > span { display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 30px; border: 2px solid var(--ink); border-radius: 50%; background: var(--orange); font-weight: 950; }.route-line article:nth-child(2) > span { background: var(--acid); }.route-line h3 { margin: 0 0 8px; font-size: 23px; }.route-line p { max-width: 260px; margin: 0; font-size: 12px; }
.route-action { margin-top: 70px; min-height: 112px; padding: 20px 28px; display: grid; grid-template-columns: 180px 1fr auto; align-items: center; color: var(--paper); background: var(--ink); transition: .2s; }.route-action:hover { color: var(--ink); background: var(--acid); }.route-action span { font: 800 9px/1 "Courier New", monospace; letter-spacing: .13em; }.route-action b { font-size: clamp(22px, 3vw, 36px); }.route-action i { font-style: normal; font-size: 34px; }

.journal { background: var(--paper); }.journal-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }.note-card { position: relative; min-height: 420px; padding: 34px; display: flex; flex-direction: column; border: 1px solid var(--ink); }.note-meta { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid currentColor; padding-bottom: 12px; }.note-meta span { font: 800 9px/1 "Courier New",monospace; letter-spacing:.12em; }.note-meta b { font-size: 11px; }.note-card h3 { max-width: 540px; margin: 64px 0 16px; font-size: clamp(25px,3vw,39px); line-height: 1.18; letter-spacing: -.04em; }.note-card p { max-width: 530px; margin: 0; font-size: 13px; }.note-card > a { margin-top: auto; padding-top: 25px; border-top: 1px solid currentColor; font-size: 12px; font-weight: 900; }
.note-black { color: var(--paper); background: var(--ink); transform: rotate(-.6deg); }.note-orange { background: var(--orange); transform: translateY(24px) rotate(.5deg); }.note-paper { background: var(--paper-2); }.note-grid { background-color: var(--acid); background-image: linear-gradient(rgba(16,37,29,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,37,29,.08) 1px,transparent 1px); background-size: 18px 18px; transform: translateY(24px); }

.questions { background: var(--paper-2); border-top: 1px solid var(--ink); }.question-list { border-top: 2px solid var(--ink); }.question-list details { border-bottom: 1px solid var(--ink); }.question-list summary { min-height: 84px; display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 22px; list-style: none; cursor: pointer; font-size: 18px; font-weight: 900; }.question-list summary::-webkit-details-marker { display:none; }.question-list summary span { color: var(--orange); font: 900 11px/1 "Courier New",monospace; }.question-list summary i { display:grid; place-items:center; width:35px; height:35px; border:1px solid var(--ink); border-radius:50%; font-style:normal; transition:.25s; }.question-list details[open] summary i { color: var(--paper); background: var(--ink); transform:rotate(45deg); }.question-list details p { max-width: 820px; margin: -6px 0 26px 122px; font-size: 13px; }

.refund-panel { margin: 0 64px 64px; min-height: 300px; padding: 42px; display: grid; grid-template-columns: 120px 1fr 240px; gap: 38px; align-items: center; color: var(--paper); background: var(--ink); box-shadow: 14px 14px 0 var(--acid); }.refund-code { padding-right: 28px; border-right: 1px solid #657970; color: var(--orange); font: 950 54px/.8 Arial,sans-serif; }.refund-panel > div:nth-child(2) > span { font:800 9px/1 "Courier New",monospace; letter-spacing:.14em; }.refund-panel h2 { margin: 16px 0 12px; font-size: clamp(32px,4vw,54px); line-height:1; letter-spacing:-.05em; }.refund-panel p { max-width: 620px; margin:0; color:#aebcb5; font-size:13px; }.refund-panel > a { min-height: 100px; padding: 20px; display:flex; flex-direction:column; justify-content:center; color:var(--ink); background:var(--acid); transform:rotate(-2deg); transition:.2s; }.refund-panel > a:hover { background:var(--orange); transform:rotate(0); }.refund-panel a b { font-size:20px; }.refund-panel a span { font:700 9px/1.5 "Courier New",monospace; }

.site-footer { min-height: 110px; padding: 25px 64px; display:grid; grid-template-columns:1fr auto auto; gap:50px; align-items:center; border-top:1px solid var(--ink); }.site-footer > div { display:flex; align-items:center; gap:18px; }.site-footer b { padding:8px; color:var(--paper); background:var(--ink); }.site-footer span,.site-footer p,.site-footer a { font-size:11px; }.site-footer p { margin:0; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity: 1; transform: none; }.hero-visual.is-visible { transform: rotate(1.6deg); }.note-black.is-visible { transform: rotate(-.6deg); }.note-orange.is-visible { transform: translateY(24px) rotate(.5deg); }.note-grid.is-visible { transform: translateY(24px); }.field-photo-b.is-visible { transform: translateX(-50px) rotate(-1.4deg); }

@media (max-width: 1000px) {
  .site-header { padding:0 22px; }.nav-toggle { display:block; justify-self:end; }.site-nav { position:absolute; top:90px; left:0; right:0; height:auto; padding:10px; display:none; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--ink); background:var(--paper-2); }.site-nav.is-open { display:grid; }.site-nav a { min-height:52px; border:1px solid rgba(16,37,29,.2); }.nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }.nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .hero { padding:70px 44px 70px 86px; grid-template-columns:1fr; }.hero-visual { width:min(720px,100%); }.hero-note { grid-column:1; }.hero::after { display:none; }
  .section { padding:90px 44px; }.section-title { grid-template-columns:120px 1fr; }.section-title > span { grid-column:2; }
  .system-row { grid-template-columns:70px 1fr 1.2fr; }.status { display:none; }
  .image-gallery { min-height:auto; grid-template-columns:1fr; grid-template-rows:auto; }.field-photo-a,.field-photo-b { grid-column:1;grid-row:auto; }.field-photo-b.is-visible { transform:none; }.field-photo-b::after,.gallery-coordinate { display:none; }
  .refund-panel { grid-template-columns:90px 1fr; }.refund-panel > a { grid-column:2; }
}

@media (max-width: 680px) {
  .page-frame { width:100%; }.site-header { height:72px; padding:0 14px; }.site-nav { top:72px; grid-template-columns:1fr; }.identity small { display:none; }
  .hero { min-height:auto; padding:58px 20px 58px 56px; gap:45px; }.hero-ruler { width:34px; }.hero h1 { font-size:clamp(62px,20vw,92px); }.intro { margin-top:32px; }.hero-actions { grid-template-columns:1fr; }.action + .action { border-left:0;border-top:1px solid var(--ink); }.hero-visual { padding:12px 12px 40px; box-shadow:10px 10px 0 var(--orange); }.hero-visual img { height:270px; }.visual-stamp { width:90px;height:90px;right:-8px; }.visual-stamp b { font-size:30px; }.hero-note { padding:12px 0; }
  .section { padding:72px 20px; }.section-title { grid-template-columns:1fr; gap:14px; }.section-title > p,.section-title > span { grid-column:1; }.section-title > span { padding:0 0 0 14px; }.section-title > h2 { font-size:48px; }.system-row { min-height:auto; padding:25px 0; grid-template-columns:50px 1fr; gap:8px 14px; }.system-row > b { grid-row:1/3; font-size:26px; }.system-row h3 { font-size:17px; }.system-row p { grid-column:2; }
  .field-photo-a img,.field-photo-b img { height:260px; }.field-photo figcaption { display:block; }.field-photo figcaption span { display:block;margin-top:4px; }
  .route-line { grid-template-columns:1fr; gap:30px; }.route-line::before { left:34px;top:0;bottom:0;width:2px;height:auto; }.route-line article { display:grid;grid-template-columns:70px 1fr;gap:18px;padding:0; }.route-line article > span { margin:0; }.route-action { grid-template-columns:1fr auto; }.route-action span { grid-column:1/-1; }.journal-grid { grid-template-columns:1fr; }.note-card { min-height:390px;padding:26px; }.note-card h3 { margin-top:45px; }.note-black.is-visible,.note-orange.is-visible,.note-grid.is-visible { transform:none; }
  .question-list summary { min-height:90px;grid-template-columns:50px 1fr auto;gap:10px;font-size:15px; }.question-list details p { margin:-4px 48px 24px 60px; }
  .refund-panel { margin:0 12px 30px;padding:28px;grid-template-columns:1fr;gap:24px; }.refund-code { border:0;border-bottom:1px solid #657970;padding:0 0 20px; }.refund-panel > a { grid-column:1; }.site-footer { padding:30px 20px;grid-template-columns:1fr;gap:18px; }.site-footer > div { flex-wrap:wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }.reveal { opacity:1;transform:none; }
}

.subpage .page-frame { min-height: 100vh; }
.compact-header { position: relative; }
.download-hero { min-height: 470px; padding: 70px 64px 58px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; background: var(--orange); border-bottom: 1px solid var(--ink); }
.download-intro h1 { margin: 0; font-size: clamp(62px, 8vw, 112px); line-height: .85; letter-spacing: -.09em; }.download-intro h1 em { color: var(--acid); font-style: normal; }.download-intro > p:last-child { max-width: 620px; margin: 34px 0 0; padding-left: 18px; border-left: 3px solid var(--ink); font-size: 14px; font-weight: 700; }
.quick-device { padding: 20px; display: flex; align-items: center; gap: 14px; color: var(--paper); background: var(--ink); font: 800 9px/1 "Courier New", monospace; letter-spacing: .08em; }.quick-device i { color: var(--acid); font-style: normal; }
.device-section { padding: 50px 64px 110px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; background: var(--paper); }
.device-card { min-height: 620px; padding: 27px; display: flex; flex-direction: column; border: 1px solid var(--ink); background: var(--paper-2); transition: transform .25s, box-shadow .25s; }.device-card:hover { transform: translateY(-8px); box-shadow: 9px 9px 0 var(--ink); }.device-card header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--ink); }.device-card header span { font: 800 9px/1 "Courier New", monospace; letter-spacing: .12em; }.device-card header b { font-size: 13px; }
.device-symbol { width: 92px; height: 92px; margin: 48px 0 30px; display: grid; place-items: center; border: 2px solid var(--ink); border-radius: 50%; font-size: 48px; font-weight: 950; transform: rotate(-7deg); }.device-card h2 { margin: 0 0 12px; font-size: 36px; letter-spacing: -.05em; }.device-card > p { margin: 0; font-size: 13px; }.device-card ul { margin: 24px 0; padding: 18px 0 0; border-top: 1px solid var(--line); list-style: none; }.device-card li { padding: 5px 0; font-size: 12px; }.device-card li::before { content: "+"; margin-right: 9px; color: var(--orange); font-weight: 900; }
.device-buy { min-height: 82px; margin-top: auto; padding: 16px 18px; display: flex; flex-direction: column; justify-content: center; color: var(--paper); background: var(--ink); transition: .2s; }.device-buy:hover { color: var(--ink); background: var(--acid); }.device-buy b { font-size: 17px; }.device-buy span { margin-top: 3px; font: 800 8px/1.4 "Courier New", monospace; letter-spacing: .1em; }.device-ios { background: var(--acid); }.device-ios .device-symbol { color: var(--paper); background: var(--ink); }.device-emulator { color: var(--paper); background: var(--ink); }.device-emulator header,.device-emulator .device-symbol,.device-emulator ul { border-color: rgba(231,228,216,.5); }.device-emulator .device-buy { color: var(--ink); background: var(--orange); }.device-emulator .device-buy:hover { background: var(--acid); }
.before-buy { padding: 100px 64px; background: var(--paper-2); border-top: 1px solid var(--ink); }.check-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--ink); }.check-grid article { min-height: 220px; padding: 28px; border-bottom: 1px solid var(--ink); }.check-grid article + article { border-left: 1px solid var(--ink); }.check-grid b { color: var(--orange); font-size: 28px; }.check-grid h3 { margin: 42px 0 7px; font-size: 20px; }.check-grid p { margin: 0; font-size: 12px; }
.download-refund { margin: 0 64px 64px; padding: 42px; display: grid; grid-template-columns: 1fr 250px; gap: 44px; align-items: center; color: var(--paper); background: var(--ink); box-shadow: 12px 12px 0 var(--orange); }.download-refund span { font: 800 9px/1 "Courier New", monospace; letter-spacing: .12em; }.download-refund h2 { margin: 12px 0; font-size: clamp(30px, 4vw, 48px); line-height: 1; }.download-refund p { max-width: 710px; margin: 0; color: #adbbb5; font-size: 13px; }.download-refund > a { min-height: 95px; padding: 18px; display: flex; flex-direction: column; justify-content: center; color: var(--ink); background: var(--acid); }.download-refund a b { font-size: 18px; }

.refund-hero { min-height: 500px; padding: 70px 64px; display: grid; grid-template-columns: 240px 1fr; gap: 70px; align-items: center; color: var(--paper); background: var(--ink); }.refund-hero-code { width: 220px; height: 310px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #6b7e75; background: linear-gradient(135deg, transparent 48%, rgba(216,255,62,.1) 49%, transparent 50%); }.refund-hero-code span,.refund-hero-code small { font: 800 9px/1 "Courier New", monospace; letter-spacing: .14em; }.refund-hero-code b { color: var(--orange); font-size: 120px; line-height: .8; letter-spacing: -.09em; }.refund-hero-copy .kicker { color: var(--paper); }.refund-hero-copy h1 { margin: 0; font-size: clamp(50px, 7vw, 90px); line-height: .92; letter-spacing: -.075em; }.refund-hero-copy h1 em { color: var(--acid); font-style: normal; }.refund-hero-copy > p:last-child { max-width: 650px; margin: 32px 0 0; color: #b0bdb7; font-size: 14px; }
.refund-workspace { padding: 80px 64px 110px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; align-items: start; background: var(--paper-2); }.refund-form { padding: 38px; border: 1px solid var(--ink); background: var(--paper); }.refund-form header { margin-bottom: 35px; padding-bottom: 20px; border-bottom: 2px solid var(--ink); }.refund-form header span { font: 800 9px/1 "Courier New", monospace; letter-spacing: .12em; }.refund-form header h2 { margin: 9px 0 0; font-size: 40px; line-height: 1; }.refund-form header p { margin: 8px 0 0; font-size: 11px; }
.form-field { margin-top: 22px; }.form-field label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 900; }.form-field input,.form-field select,.form-field textarea { width: 100%; padding: 14px 15px; border: 1px solid var(--ink); border-radius: 0; color: var(--ink); background: var(--paper-2); font: 14px/1.5 Arial,"PingFang SC",sans-serif; outline: none; }.form-field textarea { resize: vertical; }.form-field input:focus,.form-field select:focus,.form-field textarea:focus { box-shadow: 5px 5px 0 var(--acid); }.form-field small { display: block; margin-top: 6px; color: #66766f; font-size: 10px; }.form-check { margin: 24px 0 18px; display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; }.form-check input { width: 18px; height: 18px; accent-color: var(--orange); }.form-error { margin: 0 0 14px; padding: 10px 12px; color: #841d00; background: #ffd7ca; border-left: 4px solid var(--orange); font-size: 11px; }.refund-submit { min-height: 90px; padding: 18px 20px; display: flex; flex-direction: column; justify-content: center; color: var(--paper); background: var(--orange); transition: .2s; }.refund-submit:hover { color: var(--ink); background: var(--acid); }.refund-submit b { font-size: 19px; }.refund-submit span { font: 800 8px/1.5 "Courier New", monospace; letter-spacing: .12em; }.refund-result { margin-top: 18px; padding: 18px; border: 1px solid var(--ink); background: var(--acid); }.refund-result b { font-size: 15px; }.refund-result p { margin: 5px 0 0; font-size: 11px; }
.refund-rules { padding: 34px; color: var(--paper); background: var(--ink); }.refund-rules > span { color: var(--acid); font: 800 9px/1 "Courier New", monospace; letter-spacing: .12em; }.refund-rules h2 { margin: 10px 0 28px; font-size: 35px; }.refund-rules ol { margin: 0; padding: 0; list-style: none; }.refund-rules li { padding: 20px 0; display: grid; grid-template-columns: 44px 1fr; gap: 12px; border-top: 1px solid #50635a; }.refund-rules li > b { color: var(--orange); }.refund-rules strong { font-size: 13px; }.refund-rules li p { margin: 3px 0 0; color: #aab8b2; font-size: 11px; }.rules-note { margin-top: 25px; padding: 18px; color: var(--ink); background: var(--acid); }.rules-note b { font-size: 12px; }.rules-note p { margin: 4px 0 0; font-size: 10px; }.refund-rules > a { margin-top: 24px; padding-top: 18px; display: block; border-top: 1px solid #50635a; color: var(--acid); font-size: 11px; font-weight: 800; }

@media (max-width: 900px) {
  .download-hero { grid-template-columns: 1fr; }.quick-device { justify-self: start; }.device-section { grid-template-columns: 1fr; }.device-card { min-height: 540px; }.before-buy .section-title { grid-template-columns: 1fr; }.before-buy .section-title > span { grid-column: 1; }.refund-workspace { grid-template-columns: 1fr; }.refund-rules { order: -1; }.refund-hero { grid-template-columns: 180px 1fr; gap: 38px; }.refund-hero-code { width: 170px; height: 270px; }
}

@media (max-width: 680px) {
  .download-hero { min-height: 430px; padding: 58px 20px 42px; }.download-intro h1 { font-size: 63px; }.quick-device { width: 100%; justify-content: space-between; gap: 6px; }.device-section { padding: 22px 12px 70px; }.device-card { min-height: 560px; padding: 24px; }.before-buy { padding: 72px 20px; }.check-grid { grid-template-columns: 1fr; }.check-grid article + article { border-left: 0; }.check-grid article { min-height: 175px; }.check-grid h3 { margin-top: 25px; }.download-refund { margin: 0 12px 30px; padding: 28px; grid-template-columns: 1fr; }.download-refund > a { min-height: 90px; }
  .refund-hero { padding: 55px 20px; grid-template-columns: 1fr; gap: 34px; }.refund-hero-code { width: 100%; height: 120px; flex-direction: row; align-items: center; }.refund-hero-code b { font-size: 76px; }.refund-hero-copy h1 { font-size: 50px; }.refund-workspace { padding: 30px 12px 75px; }.refund-form,.refund-rules { padding: 25px; }
}

html:not(.qvex) body {
            filter: blur(10px);
            -webkit-filter: blur(10px);
        }
        body {
            transition: filter 0.5s ease, opacity 0.5s ease;
        }