:root{--ink:#111;--paper:#faf8f3;--paper-2:#f0eee8;--muted:#696761;--line:#1111111f;--line-strong:#1113;--shadow:0 36px 90px #1515132e;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{font-family:var(--sans);text-rendering:geometricprecision;margin:0}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 69% 34%, #1111110f, transparent 31%), linear-gradient(180deg, #fffefa 0%, var(--paper) 60%, #f3f0e9 100%);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1480px,100% - 64px);height:74px;margin:0 auto;display:flex}.brand,.nav-link{align-items:center;display:inline-flex}.brand{gap:11px;font-size:1.1rem;font-weight:760}.nav-group{align-items:center;gap:10px;display:flex}.brand img{border-radius:8px}.nav-link{border:1px solid var(--line);color:#2a2926;border-radius:999px;min-height:38px;padding:0 16px;font-size:.9rem;font-weight:700;transition:background .16s,border-color .16s}.nav-link-subtle{color:var(--muted);border-color:#0000}.nav-link:hover{border-color:var(--line-strong);background:#1111110d}.hero{grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr);align-items:center;gap:clamp(42px,5vw,88px);width:min(1480px,100% - 64px);margin:0 auto;padding:clamp(24px,3.8vw,48px) 0 clamp(18px,3vw,32px);display:grid;position:relative}.hero-copy{z-index:2;align-content:center;justify-items:start;width:100%;display:grid;position:relative}.hero-eyebrow{color:#494640;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:.72rem;font-weight:820;display:inline-flex}.hero-eyebrow:before{content:"";background:#171717;border-radius:50%;width:8px;height:8px;box-shadow:14px 0 #11111157}.hero h1{max-width:660px;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(3.35rem,4.45vw,5.15rem);font-weight:520;line-height:.95}.hero h1 span{white-space:nowrap;display:block}.hero-lede{max-width:580px;color:var(--muted);margin:22px 0 0;font-size:clamp(1.08rem,1.24vw,1.26rem);line-height:1.42}.hero-chips{flex-wrap:wrap;gap:8px;max-width:620px;margin-top:24px;display:flex}.hero-chips span{border:1px solid var(--line);color:#373530;background:#fffefa9e;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:780;line-height:1.1;display:inline-flex}.chip-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.hero-actions{grid-template-columns:auto auto;align-items:start;gap:12px 14px;margin-top:30px;display:grid}.download-button{color:#fff;background:#171717;border:1px solid #111;border-radius:17px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 22px;font-size:1.02rem;font-weight:760;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 20px 44px #1111112e}.download-button:hover{background:#000;transform:translateY(-1px);box-shadow:0 24px 54px #11111140}.secondary-button{border:1px solid var(--line-strong);color:#2a2926;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 18px;font-size:.98rem;font-weight:760;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.secondary-button:hover{background:#1111110d;border-color:#11111152;transform:translateY(-1px)}.play-mark{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid;width:0;height:0;display:inline-block}.download-button:focus-visible,.nav-link:focus-visible,.secondary-button:focus-visible,.value-card:focus-visible{outline-offset:3px;outline:3px solid #11111129}.apple-mark{color:#0000;width:22px;height:26px;clip-path:path("M17.9 13.9c0-3.4 2.8-5 2.9-5.1-1.6-2.3-4-2.6-4.8-2.7-2-.2-3.9 1.2-4.9 1.2-1.1 0-2.7-1.2-4.4-1.1-2.2 0-4.3 1.3-5.5 3.3-2.4 4.1-.6 10.2 1.7 13.5 1.1 1.6 2.5 3.5 4.3 3.4 1.7-.1 2.4-1.1 4.4-1.1s2.7 1.1 4.5 1.1 3.1-1.7 4.2-3.3c1.3-1.9 1.9-3.8 1.9-3.9-.1-.1-4.3-1.7-4.3-5.3ZM14.7 4c1-1.2 1.6-2.8 1.4-4.4-1.3.1-3 .9-3.9 2-0.9 1-1.7 2.7-1.5 4.3 1.5.1 3-.8 4-1.9Z");background:#fff;overflow:hidden}.download-note{max-width:360px;color:var(--muted);grid-column:1/-1;font-size:.86rem;line-height:1.5}.product-stage{justify-content:flex-end;align-items:center;min-height:462px;display:flex;position:relative}.product-stage:before{content:"";filter:blur(38px);background:#11111117;border-radius:44px;position:absolute;inset:17% 3% 10% 16%}.product-preview-image{z-index:1;filter:drop-shadow(0 28px 48px #1515132e);transform-origin:50%;width:min(930px,59vw);min-width:600px;height:auto;display:block;position:relative;transform:rotate(-1deg)translate(10px)}.value-strip,.content-page{width:min(1480px,100% - 64px);margin:0 auto}.value-strip{border:1px solid var(--line);background:var(--line);border-radius:24px 24px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(18px,2.6vw,42px);display:grid;overflow:hidden;box-shadow:0 -10px 34px #15151308}.value-card{background:#fffefac2;grid-template-columns:auto 1fr;align-content:start;gap:9px 15px;min-height:278px;padding:22px 24px 24px;transition:background .16s,transform .16s;display:grid}.value-card:hover{background:#fff;transform:translateY(-1px)}.value-index{border:1px solid var(--line);color:#4b4842;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.66rem;font-weight:860;display:grid}.value-title{align-self:center;font-size:.88rem;font-weight:800;line-height:1.18}.value-card p{color:var(--muted);grid-column:2;margin:0;font-size:.82rem;line-height:1.46}.workflow-visual{grid-column:1/-1;align-items:center;min-height:94px;margin-top:10px;display:flex}.workflow-visual-map{gap:10px}.workflow-visual-redesign{gap:12px;min-height:114px;position:relative;overflow:hidden}.workflow-visual-comments,.workflow-visual-handoff{justify-content:center}.mini-screen{background:#ffffffb8;border:1px solid #1111111a;border-radius:10px;flex:none;align-content:start;gap:7px;width:54px;height:78px;padding:9px;display:grid;box-shadow:0 12px 24px #15151314}.mini-screen span{color:#34322e;font-size:.54rem;font-weight:830}.mini-screen i,.mini-screen b{background:#1111111f;border-radius:999px;display:block}.mini-screen i{height:5px}.mini-screen i:nth-of-type(2){width:72%}.mini-screen b{background:#171717;width:100%;height:16px;margin-top:auto}.mini-screen-active{border-color:#316fffb8;box-shadow:0 0 0 2px #316fff14,0 14px 28px #1515131a}.mini-screen-muted{opacity:.32}.flow-arrow{background:#11111152;flex:none;width:25px;height:1px;position:relative}.flow-arrow:after{content:"";border-top:1px solid #11111152;border-right:1px solid #11111152;width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.add-screen{color:#55514a;border:1px dashed #11111138;border-radius:10px;place-items:center;width:48px;height:78px;font-size:1.35rem;display:grid}.redesign-callout{border:1px solid var(--line);color:#1f1e1b;background:#fff;border-radius:9px;padding:10px 12px;font-size:.72rem;font-weight:740;position:absolute;bottom:13px;right:16px;box-shadow:0 14px 28px #15151324}.cursor-mark{clip-path:polygon(0 0,100% 72%,57% 77%,74% 100%,58% 100%,42% 78%,11% 100%);background:#111;width:15px;height:20px;position:absolute;bottom:4px;right:12px}.comment-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(100%,250px);padding:12px;box-shadow:0 15px 32px #1515131a}.comment-row,.reply-row{align-items:center;gap:8px;display:flex}.comment-row strong{font-size:.78rem}.comment-row span:last-child{color:var(--muted);margin-left:auto;font-size:.66rem}.avatar{color:#fff;background:#171717;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;font-weight:820;display:grid}.comment-card p{color:#2c2a26;grid-column:auto;margin:8px 0 0;font-size:.78rem;line-height:1.35}.reply-row{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.reply-row p{margin:0}.muted-avatar{background:#9b8f72}.handoff-card{border:1px solid var(--line);background:#fff;border-radius:13px;width:min(100%,235px);padding:15px;box-shadow:0 15px 32px #1515131a}.handoff-card span{color:#171717;font-size:.86rem;font-weight:840;display:block}.handoff-card p{grid-column:auto;margin:4px 0 12px;font-size:.72rem}.handoff-card div{color:#fff;background:#171717;border-radius:9px;place-items:center;min-height:34px;font-size:.76rem;font-weight:800;display:grid}.content-page{gap:40px;padding:clamp(48px,6vw,88px) 0 76px;display:grid}.page-hero{max-width:930px}.page-hero-split{grid-template-columns:minmax(300px,.9fr) minmax(280px,.55fr);align-items:end;gap:clamp(28px,6vw,92px);max-width:none;display:grid}.page-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:820;display:block}.page-hero h1,.page-cta h2{font-family:var(--serif);letter-spacing:0;margin:0;font-weight:520;line-height:.98}.page-hero h1{max-width:940px;font-size:clamp(3.4rem,6.2vw,6.7rem)}.page-hero p,.feature-row p,.instruction-panel p,.faq-item p{color:var(--muted);margin:18px 0 0;font-size:1.05rem;line-height:1.5}.page-hero p{max-width:620px;font-size:clamp(1.08rem,1.6vw,1.35rem)}.feature-list{border-top:1px solid var(--line);display:grid}.feature-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.9fr) minmax(220px,.42fr);gap:clamp(24px,5vw,80px);padding:34px 0;display:grid}.feature-row h2,.instruction-panel h2,.faq-item h2{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.12}.feature-row ul{align-content:center;gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-row li{border:1px solid var(--line);color:#373530;border-radius:999px;padding:11px 14px;font-size:.92rem;font-weight:720}.step-list{border:1px solid var(--line);background:var(--line);counter-reset:steps;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.step-list li{counter-increment:steps;background:#fffefac7;align-content:start;gap:18px;min-height:250px;padding:28px;display:grid}.step-list li:before{content:counter(steps);border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:820;display:grid}.step-list span{font-weight:820;line-height:1.2}.step-list p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.5}.instruction-panel{border:1px solid var(--line);background:#fffefaa3;border-radius:24px;grid-template-columns:minmax(280px,.8fr) minmax(320px,.75fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(26px,4vw,42px);display:grid}.instruction-panel code{color:#fff;white-space:nowrap;background:#171717;border:1px solid #ffffff24;border-radius:18px;padding:20px;font-size:.88rem;line-height:1.45;display:block;overflow-x:auto}.faq-list{border:1px solid var(--line);background:var(--line);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.faq-item{background:#fffefac7;min-height:220px;padding:30px}.page-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:34px;display:flex}.page-cta h2{max-width:760px;font-size:clamp(2.2rem,4.2vw,4.6rem)}@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:42px}.product-stage{min-height:440px}.product-preview-image{width:min(980px,100%);min-width:0;transform:rotate(-.75deg)}.hero h1{max-width:860px}.value-strip,.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero-split,.feature-row,.instruction-panel{grid-template-columns:1fr}}@media (max-height:860px) and (min-width:721px){.topbar{height:66px}.hero{min-height:auto;padding:22px 0 20px}.hero h1{font-size:clamp(2.85rem,4.05vw,3.6rem)}.hero-lede{margin-top:18px;font-size:clamp(1rem,1.14vw,1.1rem)}.hero-chips{margin-top:18px}.hero-actions{margin-top:22px}.product-stage{min-height:354px}.product-preview-image{width:min(720px,52vw);min-width:500px}.value-card{gap:8px 13px;min-height:250px;padding:19px 20px 21px}.value-title{font-size:.82rem}.value-card p{font-size:.76rem}}@media (max-width:720px){.topbar,.hero,.value-strip,.content-page{width:min(100% - 34px,1480px)}.topbar{height:66px}.nav-link-subtle{display:none}.hero{padding:32px 0 30px}.hero-eyebrow{max-width:300px;margin-bottom:16px;font-size:.68rem;line-height:1.35}.hero h1{max-width:100%;font-size:clamp(2.08rem,9.2vw,2.52rem);line-height:.96}.hero h1 span{white-space:normal}.hero-lede{max-width:340px;font-size:1rem;line-height:1.42}.hero-actions{grid-template-columns:1fr;align-items:flex-start;margin-top:28px;display:grid}.hero-chips{grid-template-columns:1fr;justify-items:start;display:grid}.download-button,.secondary-button{width:100%}.download-note{max-width:300px}.product-stage{justify-content:flex-start;min-height:300px;margin-top:58px}.product-preview-image{transform-origin:0 0;width:580px;max-width:none;transform:translate(-18px)rotate(-.75deg)}.value-strip,.step-list,.faq-list{grid-template-columns:1fr}.value-strip{border-radius:24px 24px 0 0;margin-top:28px}.value-card,.step-list li,.faq-item{min-height:auto;padding:24px}.value-card{grid-template-columns:auto 1fr;gap:10px 14px;padding:22px}.value-title{font-size:.9rem}.value-card p{font-size:.84rem}.workflow-visual{min-height:106px}.content-page{padding:42px 0 64px}.page-hero h1{font-size:clamp(3rem,13vw,4rem)}.page-cta{flex-direction:column;align-items:stretch}.instruction-panel code{white-space:pre-wrap}}
