:root{color-scheme:light;--ink: #33261c;--muted: #6e594a;--canvas: #f2ede0;--paper: #fffefa;--paper-muted: #ede6d6;--rule: #d1c4b0;--accent: #5c3824;--accent-deep: #47291a;--accent-pale: #efe5d2;--night: #2b1c14;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:4px;color:#fff;background:var(--accent-deep);transition:transform .16s ease}.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:76px;padding:18px 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:7px;object-fit:cover}.site-nav nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,32px)}.site-nav nav a{color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none;transition:color .18s ease}.site-nav nav a:hover{color:var(--accent-deep)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(350px,1.06fr);align-items:center;min-height:max(690px,100svh);overflow:hidden;padding:128px clamp(24px,9vw,156px) 72px;background:radial-gradient(circle at 83% 25%,#ead9be 0,transparent 25%),radial-gradient(circle at 22% 87%,#e8dbc3 0,transparent 29%),var(--canvas)}.hero:after{position:absolute;right:-10%;bottom:-18%;width:min(70vw,980px);aspect-ratio:1;border:1px solid #5c382420;border-radius:50%;content:"";pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:580px}.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:.13em;line-height:1.35}.hero-brand{margin:0 0 7px;color:var(--accent-deep);font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:770;letter-spacing:-.055em}.hero h1{max-width:630px;margin:0;font-size:clamp(3rem,6.4vw,6.6rem);font-weight:710;letter-spacing:-.075em;line-height:.95}.hero-lede{max-width:475px;margin:28px 0 0;color:var(--muted);font-family:ui-serif,Georgia,serif;font-size:clamp(1.08rem,1.6vw,1.34rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:12px 18px;border:1px solid transparent;border-radius:3px;font-size:.88rem;font-weight:720;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--accent-deep);box-shadow:0 9px 18px #47291a24}.button.primary:hover{background:#321b10}.button.quiet{border-color:var(--rule);color:var(--ink);background:#fff6}.button.quiet:hover{background:var(--paper)}.hero-note{margin:18px 0 0;color:var(--muted);font-size:.75rem;font-weight:600}.hero-art{position:relative;z-index:1;display:grid;min-height:490px;place-items:center}.paper-shadow{position:absolute;width:min(86%,510px);aspect-ratio:.84;transform:translate(22px,25px) rotate(5deg);border-radius:4px;background:#5c382414;box-shadow:0 30px 70px #3d231a2b}.editor-sheet{position:relative;width:min(91%,540px);min-height:435px;transform:rotate(-3.5deg);overflow:hidden;border:1px solid #d1c4b0;border-radius:4px;background:var(--paper);box-shadow:0 32px 70px #3d231a29}.sheet-bar{display:flex;align-items:center;gap:5px;height:34px;padding:0 13px;border-bottom:1px solid #e3d9c8;background:#f4efe5}.sheet-bar span{width:7px;height:7px;border-radius:50%;background:#c4b29b}.sheet-bar span:first-child{background:#c7793d}.sheet-bar em{margin-left:7px;color:#806d5c;font-family:ui-monospace,monospace;font-size:.62rem;font-style:normal}.sheet-copy{padding:42px 15% 34px}.sheet-label{margin:0 0 15px;color:var(--accent);font-family:ui-monospace,monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sheet-copy h2{max-width:290px;margin:0;font-family:ui-serif,Georgia,serif;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:500;letter-spacing:-.055em;line-height:1.08}.sheet-copy>p:not(.sheet-label):not(.sheet-flow-label){max-width:265px;margin:17px 0 0;color:#6e594a;font-family:ui-serif,Georgia,serif;font-size:.88rem;line-height:1.55}.sheet-check{display:flex;gap:9px;align-items:center;margin-top:28px;color:#5b4638;font-size:.74rem}.sheet-check span{display:inline-grid;width:17px;height:17px;place-items:center;border:1px solid #ba9070;border-radius:50%;color:var(--accent);font-size:.68rem}.sheet-flow{display:flex;align-items:center;margin-top:28px;color:var(--accent);font-size:.8rem}.sheet-flow i{width:38px;height:1px;margin:0 8px;background:#d3b994}.sheet-flow-label{margin:8px 0 0;color:#806d5c;font-size:.62rem}.sheet-source{display:grid;grid-template-columns:28px 1fr 28px;gap:6px;padding:10px 15px;color:#8a7160;border-top:1px solid #e3d9c8;background:#faf6ee;font-family:ui-monospace,monospace;font-size:.56rem}.sheet-source code{color:#5c3824}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin:0 clamp(24px,5vw,80px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.principles article{min-height:235px;padding:38px clamp(18px,3vw,48px) 35px 0}.principles article+article{border-left:1px solid var(--rule)}.principles span{color:var(--accent);font-family:ui-monospace,monospace;font-size:.64rem}.principles h2{max-width:235px;margin:31px 0 9px;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.05em;line-height:1.08}.principles p{max-width:300px;margin:0;color:var(--muted);font-family:ui-serif,Georgia,serif;font-size:.94rem;line-height:1.55}.workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(40px,10vw,180px);padding:clamp(90px,13vw,190px) 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(2rem,4vw,4.3rem);font-weight:690;letter-spacing:-.07em;line-height:.98}.workflow-detail{align-self:end}.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:1.05rem;line-height:1.6}.workflow-detail ol{display:grid;gap:0;margin:37px 0 0;padding:0;list-style:none}.workflow-detail li{display:flex;gap:17px;align-items:center;padding:15px 0;border-top:1px solid var(--rule);font-size:.94rem;font-weight:650}.workflow-detail li:last-child{border-bottom:1px solid var(--rule)}.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{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(48px,10vw,170px);align-items:center;padding:clamp(88px,12vw,180px) clamp(24px,9vw,150px);background:#2b1c14;color:#fff8ed}.web-tool-image{position:relative;min-height:430px;overflow:hidden;border:1px solid #d8b78a3d;background:#22140e}.tool-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(#e2c69817 1px,transparent 1px),linear-gradient(90deg,#e2c69817 1px,transparent 1px);background-size:28px 28px}.tool-text{position:absolute;color:#f8e9d4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.tool-text-one{top:20%;left:14%;color:#fff2d8;font-size:clamp(1.7rem,3vw,2.9rem)}.tool-text-two{top:44%;left:26%;color:#d7c09b;font-size:clamp(.74rem,1.35vw,1rem)}.tool-text-three{top:66%;left:48%;color:#e0b475;font-size:clamp(1rem,2vw,1.8rem)}.tool-cursor{position:absolute;top:66%;left:calc(48% + 112px);width:2px;height:26px;background:#f3c57b}.web-tool-copy{max-width:535px}.web-tool-copy .eyebrow{color:#ddb37c}.web-tool-copy>p{margin-top:28px;color:#eadcc9}.web-tool-copy ul{display:grid;gap:12px;margin:32px 0;padding:0;list-style:none}.web-tool-copy li{display:grid;grid-template-columns:11px 1fr;gap:12px;color:#fff7e9;font-size:.9rem;line-height:1.45}.web-tool-copy li:before{margin-top:.38em;width:5px;height:5px;border-radius:50%;background:#ddb37c;content:""}.text-link{display:inline-flex;gap:9px;align-items:center;padding-bottom:6px;border-bottom:1px solid currentColor;color:inherit;font-size:.9rem;font-weight:750;text-decoration:none;transition:gap .18s ease}.text-link:hover{gap:14px}.native{padding:clamp(90px,12vw,165px) clamp(24px,9vw,150px) clamp(70px,9vw,130px)}.native-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.55fr);column-gap:13%;max-width:none}.native-intro .eyebrow{grid-column:1 / -1}.native-intro>p{align-self:end}.native-devices{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,5vw,80px);margin-top:70px}.device{min-width:0}.device-frame{position:relative;height:265px;overflow:hidden;background:#2b1c14}.device-mac .device-frame{border-radius:11px 11px 3px 3px}.device-ipad .device-frame{max-width:310px;margin-left:auto;border:8px solid #2b1c14;border-radius:25px;background:#f4efe5}.device-window{display:grid;grid-template-columns:18% 1fr;grid-template-rows:24px 1fr 28%;height:100%;padding:13px;background:linear-gradient(120deg,#eadcc5 0 32%,#fcfaf2 32%)}.device-window span{width:7px;height:7px;border-radius:50%;background:#9b5e33}.device-window span:nth-child(2){background:#c99d70}.device-window span:nth-child(3){background:#e7d7bf}.device-window div{margin:7px;border:1px solid #d1c4b0;background:#fffefa}.device-window div:nth-of-type(1){grid-column:1;grid-row:2 / 4}.device-window div:nth-of-type(2){grid-column:2;grid-row:2}.device-window div:nth-of-type(3){grid-column:2;grid-row:3;background:#eadcc5}.device-label{margin:24px 0 9px;color:var(--accent);font-family:ui-monospace,monospace;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.device h3{margin:0;font-size:1.8rem;letter-spacing:-.055em}.device>p:not(.device-label){max-width:410px;margin:9px 0 0;color:var(--muted);font-family:ui-serif,Georgia,serif;line-height:1.5}.device ul{display:grid;gap:8px;margin:21px 0 24px;padding:0;list-style:none}.device li{display:grid;grid-template-columns:11px 1fr;gap:9px;color:var(--ink);font-size:.85rem;line-height:1.42}.device li:before{color:var(--accent);content:"—"}.device button{padding:0;border:0;color:#806d5c;background:transparent;font:inherit;font-size:.78rem;font-weight:700;cursor:not-allowed}.guide{padding:clamp(90px,12vw,155px) max(24px,19vw);color:#fff8ed;background:var(--accent-deep)}.guide .eyebrow{color:#e2bd89}.guide>p{max-width:620px;margin-top:27px;color:#f0ddc2}.guide .text-link{margin-top:29px}.final-cta{display:grid;min-height:590px;place-content:center;justify-items:center;padding:80px 24px;text-align:center;background:radial-gradient(circle at center,#ead9be,transparent 46%),var(--canvas)}.final-cta h2{max-width:740px}.final-cta>p{max-width:480px;margin-top:24px}.final-cta .button{margin-top:31px}.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}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:landing-rise .72s both cubic-bezier(.2,.8,.2,1)}.hero-copy>:nth-child(1){animation-delay:.04s}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.23s}.hero-copy>:nth-child(5){animation-delay:.31s}.hero-copy>:nth-child(6){animation-delay:.38s}.editor-sheet{animation:sheet-arrive 1s .17s both cubic-bezier(.2,.8,.2,1)}.tool-cursor{animation:cursor-blink 1.1s steps(2) infinite}.principles article,.workflow,.web-tool-copy,.native-devices,.guide{view-timeline-name:--reveal;animation:section-in linear both;animation-timeline:--reveal;animation-range:entry 5% cover 25%}}@keyframes landing-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-arrive{0%{opacity:0;transform:translate(35px,28px) rotate(2deg)}to{opacity:1;transform:rotate(-3.5deg)}}@keyframes cursor-blink{50%{opacity:0}}@keyframes section-in{0%{opacity:.15;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@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;padding:80px 24px 66px}.hero h1{max-width:610px}.hero-art{min-height:370px;margin:35px -2px 0}.editor-sheet{width:min(100%,520px);min-height:370px}.sheet-copy{padding:33px 13% 25px}.principles{margin:0 24px}.workflow,.web-tool{grid-template-columns:1fr}.workflow{gap:48px;padding-right:24px;padding-left:24px}.web-tool{gap:52px;padding-right:24px;padding-left:24px}.web-tool-image{min-height:350px}.native{padding-right:24px;padding-left:24px}.native-intro{grid-template-columns:1fr}.native-intro>p{margin-top:25px}.guide{padding-right:24px;padding-left:24px}.device-ipad .device-frame{margin-left:0}}@media(max-width:620px){.site-nav nav a:not(:first-child):not(:last-child){display:none}.hero{padding-top:62px}.hero h1{font-size:clamp(3rem,15vw,4.8rem)}.hero-lede{font-size:1.06rem}.hero-art{min-height:310px}.editor-sheet{min-height:315px;transform:rotate(-2deg)}.sheet-copy{padding-top:26px}.sheet-copy h2{font-size:1.75rem}.sheet-copy>p:not(.sheet-label):not(.sheet-flow-label){margin-top:10px}.sheet-check,.sheet-flow{margin-top:17px}.principles{grid-template-columns:1fr;margin:0 24px}.principles article{min-height:0;padding:29px 0}.principles article+article{border-top:1px solid var(--rule);border-left:0}.principles h2{margin-top:19px}.workflow{padding-top:80px;padding-bottom:80px}.web-tool-image{min-height:270px}.tool-text-one{left:10%}.tool-text-two{left:14%}.tool-text-three{left:38%}.native-devices{grid-template-columns:1fr;margin-top:46px}.device-frame{height:220px}.guide{padding-top:80px;padding-bottom:80px}.final-cta{min-height:470px}.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}}