:root{color-scheme:light dark;--ink: #33261c;--muted: #6e594a;--canvas: #f2ede0;--paper: #fffefa;--surface: #f8f3e9;--surface-strong: #eadcc5;--rule: #d1c4b0;--accent: #5c3824;--accent-deep: #47291a;--accent-pale: #efe5d2;--shadow: rgb(65 41 25 / .14);--radius-control: 8px;--radius-surface: 12px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--canvas)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;transform:translateY(-180%);border-radius:var(--radius-control);color:var(--paper);background:var(--accent-deep);transition:transform .16s ease-out}.skip-link:focus{transform:translateY(0)}.site-nav{position:absolute;z-index:5;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:16px clamp(24px,5vw,80px)}.site-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:1rem;font-weight:750;letter-spacing:-.045em;text-decoration:none}.logo-mark{width:28px;height:28px;flex:none;border-radius:var(--radius-control);object-fit:cover}.site-nav nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}.site-nav nav a{color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none;transition:color .18s ease-out}.site-nav nav a:hover{color:var(--accent-deep)}.google-auth{display:inline-flex;align-items:center;min-height:32px}.google-auth>div{display:flex!important}.auth-user{border:1px solid var(--rule-strong);border-radius:999px;padding:7px 10px;color:var(--ink);background:transparent;font:inherit;font-size:.78rem;white-space:nowrap;cursor:pointer}.auth-user:hover{background:var(--surface)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,1fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:100dvh;overflow:hidden;padding:88px clamp(24px,9vw,156px) 60px;background:radial-gradient(circle at 87% 15%,color-mix(in srgb,var(--surface-strong) 76%,transparent),transparent 29%),var(--canvas)}.hero-copy{position:relative;z-index:1;max-width:560px}.eyebrow{margin:0 0 18px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:750;letter-spacing:.12em;line-height:1.35}.hero h1{max-width:590px;margin:0;font-size:clamp(2.85rem,5.3vw,5.45rem);font-weight:720;letter-spacing:-.075em;line-height:.96}.hero-lede{max-width:455px;margin:27px 0 0;color:var(--muted);font-family:ui-serif,Georgia,serif;font-size:clamp(1.05rem,1.45vw,1.26rem);line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:var(--radius-control);font-size:.88rem;font-weight:720;text-decoration:none;transition:transform .18s ease-out,background .18s ease-out,border-color .18s ease-out,color .18s ease-out}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button.primary{color:#fffaf3;background:var(--accent-deep);box-shadow:0 10px 22px var(--shadow)}.button.primary:hover{background:var(--accent)}.button.quiet{border-color:var(--rule);color:var(--ink);background:color-mix(in srgb,var(--paper) 64%,transparent)}.button.quiet:hover{background:var(--paper)}.hero-art{position:relative;display:grid;min-height:460px;place-items:center}.product-fan{position:relative;width:min(100%,720px);height:470px;isolation:isolate}.product-frame{position:absolute;width:82%;margin:0;transform-origin:50% 100%;transition:transform .34s cubic-bezier(.22,1,.36,1)}.product-motion{display:block}.product-preview{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:var(--radius-surface);background:var(--paper);box-shadow:0 30px 70px var(--shadow);transition:box-shadow .34s cubic-bezier(.22,1,.36,1)}.fan-source{z-index:1;top:11%;left:1%;transform:translateY(12px) rotate(-10deg)}.fan-split{z-index:2;top:11%;right:1%;transform:translateY(12px) rotate(10deg)}.fan-visual{z-index:3;top:3%;left:9%;transform:translateY(0) rotate(0)}@media(hover:hover)and (pointer:fine){.product-frame:hover{z-index:10}.fan-source:hover{transform:translateY(-8px) rotate(-7deg) scale(1.025)}.fan-split:hover{transform:translateY(-8px) rotate(7deg) scale(1.025)}.fan-visual:hover{transform:translateY(-10px) scale(1.02)}.product-frame:hover .product-preview{box-shadow:0 38px 82px #41291938}}.principles{display:grid;grid-template-columns:1.18fr .95fr .87fr;column-gap:clamp(42px,6vw,112px);margin:0 clamp(24px,5vw,80px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.principles article{position:relative;min-height:230px;padding:38px 0 35px}.principles article:before{display:block;width:42px;height:2px;margin-bottom:22px;background:color-mix(in srgb,var(--ink) 54%,transparent);content:""}.principles article+article{border-left:0}.principles h2{max-width:260px;margin:0 0 12px;font-size:clamp(1.3rem,2vw,1.78rem);letter-spacing:-.05em;line-height:1.08}.principles p,.workflow-detail>p,.web-tool-copy>p,.native-intro>p,.guide>p,.final-cta>p{margin:0;color:var(--muted);font-family:ui-serif,Georgia,serif;font-size:1rem;line-height:1.58}.workflow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,.75fr);gap:clamp(44px,11vw,160px);padding:clamp(90px,12vw,164px) clamp(24px,14vw,225px);background:var(--paper)}.section-intro{max-width:620px}.section-intro h2,.web-tool-copy h2,.guide h2,.final-cta h2{margin:0;font-size:clamp(2.1rem,4vw,4.15rem);font-weight:700;letter-spacing:-.07em;line-height:.99}.workflow-detail{align-self:end}.workflow-detail ol{display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none}.workflow-detail li{display:flex;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--rule);font-size:.94rem;font-weight:650}.workflow-detail li span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:var(--accent-deep);background:var(--accent-pale);font-family:ui-monospace,monospace;font-size:.66rem}.web-tool{padding:clamp(84px,11vw,150px) clamp(24px,14vw,225px);background:var(--surface)}.web-tool-copy{max-width:700px}.web-tool-copy>p{max-width:610px;margin-top:25px}.web-tool-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px;margin:36px 0 0;padding:0;list-style:none}.web-tool-copy li{position:relative;padding-left:17px;color:var(--ink);font-size:.9rem;line-height:1.48}.web-tool-copy li:before{position:absolute;top:.58em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}.text-link{display:inline-flex;gap:9px;align-items:center;margin-top:30px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--accent-deep);font-size:.9rem;font-weight:750;text-decoration:none;transition:gap .18s ease-out}.text-link:hover{gap:13px}.native{padding:clamp(90px,12vw,155px) clamp(24px,9vw,150px) clamp(78px,9vw,130px)}.native-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.52fr);gap:clamp(30px,8vw,115px);max-width:1120px}.native-intro>p{align-self:end}.native-devices{display:grid;grid-template-columns:1.14fr .86fr;gap:clamp(30px,7vw,100px);max-width:1120px;margin-top:66px}.device{min-width:0;padding-top:25px;border-top:1px solid var(--rule)}.device-ipad{margin-top:55px}.device-label{margin:0 0 12px;color:var(--accent);font-family:ui-monospace,monospace;font-size:.67rem;font-weight:700;letter-spacing:.1em}.device h3{margin:0;font-size:1.82rem;letter-spacing:-.055em}.device>p:not(.device-label):not(.device-status){max-width:420px;margin:9px 0 0;color:var(--muted);font-family:ui-serif,Georgia,serif;line-height:1.55}.device ul{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}.device li{position:relative;max-width:460px;padding-left:15px;color:var(--ink);font-size:.86rem;line-height:1.45}.device li:before{position:absolute;top:.56em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}.device-status{margin:20px 0 0;color:var(--muted);font-size:.78rem;font-weight:700}.device-download{margin-top:24px}.device-release-history{display:inline-block;margin:14px 0 0;color:var(--muted);font-size:.8rem;font-weight:650;text-underline-offset:3px}.device-release-history:hover{color:var(--accent-deep)}.guide{padding:clamp(88px,11vw,145px) max(24px,19vw);background:var(--surface-strong)}.guide>p{max-width:620px;margin-top:25px;color:var(--ink)}.final-cta{display:grid;min-height:min(620px,78dvh);place-content:center;justify-items:center;padding:76px 24px;text-align:center;background:var(--canvas)}.final-cta h2{max-width:720px}.final-cta>p{max-width:470px;margin-top:22px}.final-cta .button{margin-top:29px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px clamp(24px,5vw,80px);border-top:1px solid var(--rule)}.site-footer p{margin:0;color:var(--muted);font-size:.78rem}.site-footer nav{display:inline-flex;gap:16px}.site-footer nav a{color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none}.site-footer nav a:hover{color:var(--accent-deep)}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:landing-rise .56s both cubic-bezier(.16,1,.3,1)}.hero-copy>:nth-child(1){animation-delay:.06s}.hero-copy>:nth-child(2){animation-delay:.17s}.hero-copy>:nth-child(3){animation-delay:.29s}.hero-copy>:nth-child(4){animation-delay:.39s}.fan-visual .product-motion{animation:fan-center-arrive .58s .16s both cubic-bezier(.16,1,.3,1)}.fan-source .product-motion{animation:fan-left-arrive .58s .28s both cubic-bezier(.16,1,.3,1)}.fan-split .product-motion{animation:fan-right-arrive .62s .41s both cubic-bezier(.16,1,.3,1)}.fan-visual .product-preview{animation:fan-drift 5.6s 1s infinite cubic-bezier(.45,0,.55,1)}.fan-source .product-preview{animation:fan-drift 6.2s 1.25s infinite cubic-bezier(.45,0,.55,1)}.fan-split .product-preview{animation:fan-drift 5.9s 1.5s infinite cubic-bezier(.45,0,.55,1)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fan-center-arrive{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fan-left-arrive{0%{opacity:0;transform:translate(-34px,22px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fan-right-arrive{0%{opacity:0;transform:translate(34px,22px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fan-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-color-scheme:dark){:root{--ink: #f2ebe2;--muted: #c8b9aa;--canvas: #1f1712;--paper: #271d17;--surface: #2c211a;--surface-strong: #38291f;--rule: #5b4739;--accent: #dfb988;--accent-deep: #c99763;--accent-pale: #493426;--shadow: rgb(0 0 0 / .34)}.button.primary{color:#25170f}.button.quiet{background:color-mix(in srgb,var(--paper) 70%,transparent)}.product-preview{background:#f2ede0}.guide>p{color:var(--ink)}}@media(max-width:880px){.site-nav{position:relative;min-height:62px;padding:15px 22px;border-bottom:1px solid var(--rule)}.site-nav nav{gap:15px}.site-nav nav a:nth-child(2),.site-nav nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:30px;padding:64px 24px 66px}.hero-art{min-height:350px}.product-fan{max-width:610px;height:360px}.principles{margin:0 24px}.workflow{grid-template-columns:1fr;gap:46px;padding-right:24px;padding-left:24px}.web-tool,.native{padding-right:24px;padding-left:24px}.native-intro{grid-template-columns:1fr}.native-devices{gap:46px}.guide{padding-right:24px;padding-left:24px}}@media(max-width:620px){.site-nav nav a:not(:first-child):not(:last-child){display:none}.hero{padding-top:48px}.hero h1{font-size:clamp(2.85rem,14.2vw,4.55rem)}.hero-art{min-height:250px}.product-fan{height:270px}.product-frame{width:89%}.fan-source{left:-3%;transform:translateY(10px) rotate(-7deg)}.fan-split{right:-3%;transform:translateY(10px) rotate(7deg)}.fan-visual{left:5.5%}.principles{grid-template-columns:1fr;row-gap:18px}.principles article{min-height:0;padding:28px 0}.principles article:before{margin-bottom:18px}.principles article+article{border:0}.workflow{padding-top:76px;padding-bottom:76px}.web-tool-copy ul{grid-template-columns:1fr}.native-devices{grid-template-columns:1fr;margin-top:45px}.device-ipad{margin-top:0}.guide{padding-top:76px;padding-bottom:76px}.final-cta{min-height:460px}.site-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}