@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #f4eee3;--paper-2: #ece4d5;--surface: #fbf8f1;--surface-2: #f2ebde;--text: #1a1a2e;--text-2: #4b4a5c;--text-3: #6c6a7a;--line: rgba(26, 26, 46, .1);--line-strong: rgba(26, 26, 46, .2);--accent: #f7941d;--accent-2: #ffc24d;--accent-text: #a85600;--accent-soft: rgba(247, 148, 29, .14);--on-accent: #1a1a2e;--button: #1a1a2e;--button-hover: #2b2b4a;--on-button: #fbf6ea;--stage: #12121d;--stage-2: #1c1c2e;--stage-3: #26263c;--on-stage: #f6f0e4;--on-stage-2: #b8b5c6;--on-stage-3: #8f8ca0;--on-stage-line: rgba(255, 255, 255, .1);--on-stage-line-strong: rgba(255, 255, 255, .2);--nav: rgba(244, 238, 227, .82);--wash-a: rgba(247, 148, 29, .2);--wash-b: rgba(26, 26, 46, .1);--shadow-card: 0 1px 2px rgba(26, 26, 46, .04), 0 8px 24px -12px rgba(26, 26, 46, .12);--shadow-window: 0 0 0 1px rgba(26, 26, 46, .12), 0 40px 90px -30px rgba(26, 26, 46, .45), 0 18px 36px -18px rgba(26, 26, 46, .25);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--font: "Outfit Variable", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);--gutter: clamp(18px, 4vw, 40px);--nav-height: 64px}:root[data-theme=dark]{color-scheme:dark;--paper: #0f0f17;--paper-2: #14141f;--surface: #181826;--surface-2: #202033;--text: #f3eee4;--text-2: #bdbaca;--text-3: #9390a4;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--accent-text: #ffa733;--accent-soft: rgba(247, 148, 29, .16);--button: #f3eee4;--button-hover: #ffffff;--on-button: #1a1a2e;--stage: #09090f;--stage-2: #151523;--stage-3: #1f1f31;--nav: rgba(15, 15, 23, .8);--wash-a: rgba(247, 148, 29, .16);--wash-b: rgba(120, 120, 255, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -14px rgba(0, 0, 0, .6);--shadow-window: 0 0 0 1px rgba(255, 255, 255, .12), 0 40px 90px -30px rgba(0, 0, 0, .9), 0 18px 36px -18px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px);background:var(--paper)}body{margin:0;min-width:320px;background:var(--paper);color:var(--text);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body.is-menu-open{overflow:hidden}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 18px;border-radius:var(--r-pill);font-size:15px;font-weight:600;line-height:1;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,scale .18s var(--ease);user-select:none}.button:active{scale:.97}.button.is-small{min-height:36px;padding:0 14px;font-size:14px}.button.is-large{min-height:52px;padding:0 26px;font-size:16px}.button small{font-size:12px;font-weight:500;opacity:.6}.button.is-primary{position:relative;overflow:hidden;background:var(--button);color:var(--on-button)}.button.is-primary:hover{background:var(--button-hover)}.button.is-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);translate:-120% 0;pointer-events:none}@media (hover: hover) and (prefers-reduced-motion: no-preference){.button.is-primary:hover:after{translate:120% 0;transition:translate .7s var(--ease)}}.button.is-ghost{border:1px solid var(--line-strong);color:var(--text)}.button.is-ghost:hover{border-color:var(--text);background:var(--surface)}.button.is-quiet{background:var(--surface-2);color:var(--text)}.button.is-quiet:hover{background:var(--paper-2)}.button.is-accent{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:var(--on-accent)}.button.is-accent:hover{filter:brightness(1.06)}.window{position:relative;border-radius:clamp(8px,1.2vw,16px);overflow:hidden;background:var(--stage);box-shadow:var(--shadow-window)}.window-stack{display:grid;aspect-ratio:16 / 10}.window-stack>.shot{grid-area:1 / 1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}.window-stack>.shot.is-on{opacity:1}.window>.shot{width:100%;height:auto;aspect-ratio:16 / 10}.reveal{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .8s var(--ease)}.reveal.is-in{opacity:1;translate:0 0}@keyframes rise{0%{opacity:0;translate:0 18px}}.rise{animation:rise .8s var(--ease) backwards}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;translate:none;transition:none}.rise{animation:none}}.section{padding-block:clamp(68px,9vw,120px)}.section-head{max-width:720px}.section-head.is-center{margin-inline:auto;text-align:center}.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--accent-text);font-size:14px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.section-head h2{font-size:clamp(30px,4.3vw,52px);font-weight:750;line-height:1.16;letter-spacing:-.01em;text-wrap:balance}.section-sub{margin-top:18px;color:var(--text-2);font-size:clamp(16px,1.5vw,18px);line-height:1.75;text-wrap:pretty}.is-ink{background:var(--stage);color:var(--on-stage)}.is-ink .section-sub{color:var(--on-stage-2)}.is-ink .kicker{color:var(--accent-2)}.nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top);transition:background .25s,box-shadow .25s}.nav.is-scrolled,.nav.is-open{background:var(--nav);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 1px 0 var(--line)}.nav.is-open{background:var(--paper)}.nav-bar{display:flex;align-items:center;gap:24px;height:var(--nav-height)}.nav-brand{display:inline-flex;flex:none;border-radius:8px}.logo{display:inline-flex;align-items:center;gap:10px}.mark{flex:none;border-radius:23%}.wordmark{flex:none;overflow:visible}.wordmark-cut{fill:var(--text)}.wordmark-god{fill:var(--accent)}.is-ink .wordmark-cut,.footer .wordmark-cut{fill:currentColor}.nav-links{display:flex;gap:4px;margin-left:12px}.nav-links a{padding:8px 12px;border-radius:var(--r-pill);color:var(--text-2);font-size:15px;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--line)}.nav-tools{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 10px;border-radius:var(--r-pill);color:var(--text-2);font-size:14px;font-weight:550;transition:color .15s,background .15s}.nav-tool:hover{color:var(--text);background:var(--line)}.nav-download{margin-left:8px}.nav-menu{display:none}.nav-sheet{height:calc(100dvh - var(--nav-height) - env(safe-area-inset-top));overflow-y:auto;background:var(--paper);padding-bottom:calc(32px + env(safe-area-inset-bottom))}.nav-sheet nav{display:flex;flex-direction:column;padding-top:12px}.nav-sheet nav>a{display:flex;align-items:center;justify-content:space-between;padding:18px 2px;border-bottom:1px solid var(--line);font-size:22px;font-weight:650}.nav-sheet nav>a svg{color:var(--text-3)}.nav-sheet-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}@media (max-width: 920px){.nav-links,.nav-github{display:none}.nav-menu{display:inline-flex}.nav-bar{gap:12px}}@media (min-width: 921px){.nav-sheet{display:none}}@media (max-width: 520px){.nav-lang span{display:none}.nav-download{margin-left:2px}}@media (max-width: 400px){.nav-lang{display:none}.nav-bar{gap:8px}}.toast-zone{position:fixed;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:center;padding-inline:16px;pointer-events:none}@keyframes toast-in{0%{opacity:0;translate:0 14px;scale:.96}}.toast{max-width:100%;padding:12px 20px;border-radius:var(--r-pill);background:var(--button);color:var(--on-button);font-size:15px;font-weight:550;line-height:1.4;text-align:center;box-shadow:0 12px 30px -8px #0006;animation:toast-in .35s var(--ease)}.footer{padding:64px 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-2);font-size:15px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer-brand{color:var(--text)}.footer-brand p{margin-top:14px;color:var(--text-3)}.footer h3{margin-bottom:14px;color:var(--text-3);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.footer nav a,.footer nav button{display:block;padding:6px 0;color:var(--text-2);transition:color .15s}.footer nav a:hover,.footer nav button:hover{color:var(--text)}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);color:var(--text-3);font-size:13px}.footer-base a:hover{color:var(--text)}@media (max-width: 720px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1 / -1}}.hero{position:relative;padding-top:calc(var(--nav-height) + env(safe-area-inset-top) + clamp(40px,7vw,88px));padding-bottom:clamp(48px,7vw,96px);overflow:clip}.hero-wash{position:absolute;inset:0 0 auto;height:min(1100px,140vh);background:radial-gradient(52% 44% at 76% 6%,var(--wash-a),transparent 70%),radial-gradient(46% 40% at 14% 22%,var(--wash-b),transparent 72%);pointer-events:none}.hero-wash:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .1 0 0 0 0 .18 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.1;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent)}.hero-copy{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:550;line-height:1.3}.eyebrow svg{color:var(--accent)}.hero h1{margin-top:26px;font-size:clamp(38px,7.4vw,96px);font-weight:800;line-height:1.1;letter-spacing:-.02em}:lang(zh-CN) .hero h1{letter-spacing:0}.hero-line{display:inline-block}.hero h1 em{position:relative;display:inline-block;font-style:normal;white-space:nowrap}.hero h1 em svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.24em;overflow:visible}.hero h1 em path{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:320;stroke-dashoffset:0}@keyframes stroke-in{0%{stroke-dashoffset:320}}@media (prefers-reduced-motion: no-preference){.hero h1 em path{animation:stroke-in .9s .75s var(--ease) backwards}}.hero-sub{max-width:720px;margin-top:26px;color:var(--text-2);font-size:clamp(16px,1.7vw,20px);line-height:1.75;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.hero-note{margin-top:16px;color:var(--text-3);font-size:14px}.hero-show{position:relative;margin-top:clamp(40px,6vw,72px)}.stage-tabs{display:flex;width:fit-content;max-width:100%;margin:0 auto 18px;padding:5px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-card)}.stage-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px 0 8px;border-radius:var(--r-pill);color:var(--text-2);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;transition:color .2s,background .2s}.stage-tab b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--text-3);font-size:13px;font-weight:700;transition:background .2s,color .2s}.stage-tab:hover{color:var(--text)}.stage-tab.is-on{background:var(--button);color:var(--on-button)}.stage-tab.is-on b{background:var(--accent);color:var(--on-accent)}@keyframes stage-run{0%{scale:0 1}}.stage-tab i{position:absolute;inset:auto 0 0;height:3px;background:var(--accent);transform-origin:left;animation:stage-run linear both}.stage-note{margin-top:18px;color:var(--text-2);font-size:15px;text-align:center}.stage-note b{margin-right:10px;color:var(--text);font-weight:650}.asks{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(36px,5vw,56px)}.asks-label{color:var(--text-3);font-size:14px}.asks ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.asks li{padding:9px 16px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);font-size:15px;font-weight:500;line-height:1.3}@media (max-width: 640px){.hero .window-stack{aspect-ratio:1 / 1}.hero .window-stack>.shot{object-position:left center}.hero-actions{width:100%}.hero-actions .button{flex:1 1 100%}.stage-tabs{width:100%}.stage-tab{flex:1;justify-content:center;gap:6px;padding:0 6px;font-size:14px}.stage-tab b{width:20px;height:20px;font-size:12px}.stage-note{min-height:3.3em}.stage-note b{display:block;margin:0 0 2px}.asks li{padding:8px 13px;font-size:14px}}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,64px)}.flow-step{position:relative;padding:30px 28px 32px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}.flow-number{position:absolute;top:22px;right:26px;color:var(--line-strong);font-size:56px;font-weight:800;line-height:1}.flow-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);background:var(--button);color:var(--accent-2)}.flow-step h3{margin-top:22px;font-size:21px;font-weight:700;line-height:1.3}.flow-step p{margin-top:10px;color:var(--text-2);font-size:15.5px}@media (max-width: 860px){.flow-steps{grid-template-columns:1fr}}.split{overflow:clip}.split-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px)}.split.is-flipped .split-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.points{display:grid;gap:22px;margin-top:34px}.points li{display:flex;gap:14px}.points-check{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-top:2px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}.points h3{font-size:17px;font-weight:700;line-height:1.4}.points p{margin-top:4px;color:var(--text-2);font-size:15.5px}@media (min-width: 981px){.split-shot .window{width:124%}.split.is-flipped .split-shot .window{margin-left:-24%}.window.is-tilted{transform:perspective(1800px) rotateY(-7deg) rotateX(2deg);transform-origin:left center}.window.is-tilted-back{transform:perspective(1800px) rotateY(7deg) rotateX(2deg);transform-origin:right center}}@media (max-width: 640px){.split-shot .window>.shot{aspect-ratio:1 / 1;object-fit:cover;object-position:left center}}@media (max-width: 980px){.split-grid,.split.is-flipped .split-grid{grid-template-columns:minmax(0,1fr)}.split.is-flipped .split-shot{order:2}}.styles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}.segment{display:inline-flex;flex:none;padding:4px;border:1px solid var(--on-stage-line);border-radius:var(--r-pill);background:var(--stage-2)}.segment button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:var(--r-pill);color:var(--on-stage-2);font-size:14.5px;font-weight:600;transition:background .2s,color .2s}.segment button.is-on{background:var(--on-stage);color:var(--stage)}.segment-frame{display:block;border:1.6px solid currentColor;border-radius:3px}.segment-frame.is-wide{width:17px;height:11px}.segment-frame.is-tall{width:10px;height:16px}.chips{display:flex;gap:8px;margin-top:34px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:baseline;gap:7px;min-height:40px;padding:9px 16px;border:1px solid var(--on-stage-line);border-radius:var(--r-pill);color:var(--on-stage-2);font-size:15px;font-weight:550;line-height:1.3;white-space:nowrap;transition:border-color .18s,color .18s,background .18s}.chip small{color:var(--on-stage-3);font-size:12.5px;font-weight:500}.chip:hover{border-color:var(--on-stage-line-strong);color:var(--on-stage)}.chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--on-stage)}.chip.is-on small{color:var(--accent-2)}.style-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;margin-top:28px}.style-wall.is-tall{grid-template-columns:repeat(6,minmax(0,1fr))}@keyframes card-in{0%{opacity:0;translate:0 16px;scale:.97}}.style-card{animation:card-in .5s var(--ease) backwards}.style-card p{margin-top:10px;color:var(--on-stage-2);font-size:14.5px;font-weight:550;line-height:1.35}.preview{position:relative;overflow:hidden;border-radius:var(--r-md);background:var(--stage-2);box-shadow:0 0 0 1px var(--on-stage-line);aspect-ratio:16 / 9}.is-tall .preview{aspect-ratio:9 / 16}.preview img,.preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media (hover: hover){.style-card .preview{transition:box-shadow .2s}.style-card:hover .preview{box-shadow:0 0 0 2px var(--accent)}.style-card:hover p{color:var(--on-stage)}}.styles-own{display:flex;align-items:center;gap:10px;margin-top:36px;color:var(--on-stage-2);font-size:15px}.styles-own svg{flex:none;color:var(--accent-2)}@media (max-width: 1024px){.style-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.style-wall.is-tall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 640px){.style-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.style-wall.is-tall{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card p{font-size:13.5px}.segment{width:100%}.segment button{flex:1;justify-content:center}}@media (prefers-reduced-motion: reduce){.style-card{animation:none}}.skill-grid,.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,60px)}.skill-card,.more-card{padding:26px 24px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:border-color .2s,opacity .7s ease,translate .8s var(--ease)}.skill-card:hover,.more-card:hover{border-color:var(--line-strong)}.skill-icon,.more-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--text);transition:background .2s,color .2s}.more-icon svg{width:20px;height:20px;stroke-width:1.8}.skill-card:hover .skill-icon,.more-card:hover .more-icon{background:var(--accent-soft);color:var(--accent-text)}.skill-card h3,.more-card h3{margin-top:18px;font-size:18px;font-weight:700;line-height:1.35}.skill-card p,.more-card p{margin-top:8px;color:var(--text-2);font-size:15px}@media (max-width: 980px){.skill-grid,.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.skill-grid,.more-grid{grid-template-columns:1fr;gap:12px}.skill-card{display:grid;grid-template-columns:42px 1fr;column-gap:16px;padding:20px 18px}.skill-card .skill-icon{grid-row:1 / 3}.skill-card h3{margin-top:0}.skill-card p{margin-top:4px}}.themes{background:var(--paper-2)}.theme-picks{margin-top:clamp(32px,4vw,48px);text-align:center}.theme-picks>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.theme-pick{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 15px 0 8px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);font-size:14.5px;font-weight:600;white-space:nowrap;transition:border-color .18s,box-shadow .18s,scale .18s var(--ease)}.theme-pick i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #80808059}.theme-pick:active{scale:.96}.theme-pick.is-on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.theme-picks p{min-height:1.7em;margin-top:16px;color:var(--text-2);font-size:15px}.theme-frame{max-width:1080px;margin:28px auto 0}.window-stack.is-plain>.shot{transition:none}.window-stack>.shot.is-cover{z-index:1}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:clamp(36px,5vw,56px) auto 0}.download-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px 30px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card)}.download-card.is-yours{border-color:var(--text)}.download-yours{position:absolute;top:22px;right:22px;padding:4px 11px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font-size:13px;font-weight:650}.download-os{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--surface-2)}.download-card h3{margin-top:22px;font-size:26px;font-weight:750;line-height:1.2}.download-card p{margin-top:6px;color:var(--text-2);font-size:15px}.download-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:auto;padding-top:28px}.download-actions .button{flex:1 1 auto}.download-phone{display:flex;align-items:center;gap:12px;max-width:980px;margin:28px auto 0;padding:14px 16px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--text);font-size:14.5px;line-height:1.5}.download-phone svg{flex:none;color:var(--accent-text)}.download-phone p{flex:1}.download-phone+.download-grid{margin-top:18px}.download-github{display:flex;align-items:center;gap:18px;max-width:980px;margin:18px auto 0;padding:22px 30px;border:1px solid var(--line);border-radius:var(--r-xl)}.download-github-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--button);color:var(--on-button)}.download-github>div{flex:1;min-width:0}.download-github h3{font-size:17px;font-weight:700}.download-github p{color:var(--text-2);font-size:15px}.download-version{margin-top:22px;color:var(--text-3);font-size:14px;text-align:center}@media (max-width: 760px){.download-grid{grid-template-columns:1fr}.download-card{padding:26px 22px}.download-github{flex-wrap:wrap;padding:22px}.download-github .button{width:100%}.download-phone{flex-wrap:wrap}}.faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);align-items:start}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list details:first-child{border-top:1px solid var(--line-strong)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;font-size:18px;font-weight:650;line-height:1.4;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{position:relative;flex:none;width:16px;height:16px}.faq-list summary i:before,.faq-list summary i:after{content:"";position:absolute;inset:7px 0;border-radius:2px;background:currentColor;transition:rotate .25s var(--ease)}.faq-list summary i:after{rotate:90deg}.faq-list details[open] summary i:after{rotate:0deg}.faq-list details p{max-width:680px;padding:0 2px 24px;color:var(--text-2);font-size:16px}@media (max-width: 860px){.faq-grid{grid-template-columns:1fr}.faq-list summary{font-size:17px}}.closing{position:relative;padding-block:clamp(72px,9vw,120px);overflow:clip}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 50% 0%,rgba(247,148,29,.22),transparent 70%);pointer-events:none}.closing-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.closing .mark{box-shadow:0 0 0 1px var(--on-stage-line-strong),0 20px 50px -12px #f7941d73}.closing h2{margin-top:28px;font-size:clamp(30px,4.6vw,56px);font-weight:800;line-height:1.15;text-wrap:balance}.closing p{margin-top:12px;color:var(--on-stage-2);font-size:clamp(16px,1.6vw,19px)}.closing .button{margin-top:32px}
