@font-face{font-family:Outfit;src:url('assets/outfit-400.ttf');font-display:swap;font-weight:400}
@font-face{font-family:Outfit;src:url('assets/outfit-500.ttf');font-display:swap;font-weight:500}
@font-face{font-family:Outfit;src:url('assets/outfit-700.ttf');font-display:swap;font-weight:700}
@font-face{font-family:Outfit;src:url('assets/outfit-900.ttf');font-display:swap;font-weight:900}
@font-face{font-family:KangarooSans;src:url('assets/noto-sans-400.ttf');font-display:swap;font-weight:400}
@font-face{font-family:KangarooSans;src:url('assets/noto-sans-600.ttf');font-display:swap;font-weight:600}
@font-face{font-family:KangarooSans;src:url('assets/noto-sans-800.ttf');font-display:swap;font-weight:800}
:root{--paper:var(--tone-f5f0e8);--ink:var(--tone-2e2023);--muted:var(--tone-71635f);--line:var(--tone-d8cec3);--wine:var(--tone-401d2c);--accent:var(--tone-95402e);--peach:var(--tone-f0b58d);--soft:var(--tone-e7dcd1);--white:var(--tone-ffffff);--violet:var(--tone-95402e);--lilac:var(--tone-e7dcd1);--space:clamp(24px,5vw,80px);--header:80px;--ease-out:cubic-bezier(.23,1,.32,1);--feedback:180ms;--shadow-near:0 8px 18px var(--tone-21101726);--shadow-far:0 28px 48px var(--tone-180b1c4d)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.6 Outfit,KangarooSans,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{display:block}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.055em}h2{font-size:clamp(38px,4.2vw,60px);line-height:1.2}h3{font-size:25px;line-height:1.4}p{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--tone-b45934);outline-offset:6px}.hero :focus-visible{outline-color:var(--peach)}
.wrap{width:calc(100% - var(--space)*2);max-width:1320px;margin-inline:auto}.mono{font:700 11px/1.5 Outfit,Arial,sans-serif;letter-spacing:.1em}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.09em;margin-bottom:22px;display:flex;align-items:center;gap:10px}.square{width:6px;height:6px;background:var(--peach)}.serif-accent{color:var(--accent)}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:16px}.skip:focus{top:8px}.preview-ribbon{display:flex;justify-content:space-between;padding:6px var(--space);font-size:9px;letter-spacing:.08em;background:var(--tone-2d1922);color:var(--tone-e0c8c7)}.header{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 var(--space);position:sticky;top:0;background:var(--paper);z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:40px;height:40px;object-fit:contain}.brand>span{font-size:23px;font-weight:800;letter-spacing:-.04em}.brand small{display:block;font:700 8px/1.6 Outfit,Arial,sans-serif;letter-spacing:.07em}.header nav{display:flex;gap:30px;font-size:12px;font-weight:600}.header nav a{padding:14px 0}.header nav a.current,.header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:24px}.plain{background:none;padding:12px 0;font-size:12px}.plain:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--wine);color:white;padding:17px 23px;min-height:54px;font-size:13px;font-weight:600;border-radius:2px;transition:background var(--feedback)}.button:hover{background:var(--tone-6a2936)}.button span{font-size:23px;line-height:1}.button.compact{min-height:42px;padding:11px 17px;font-size:11px;gap:20px}.button.compact span{font-size:18px}.button:active{filter:brightness(.85)}.button.light{background:var(--paper);color:var(--wine)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;background:none;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;font-weight:600}.menu{display:none;width:44px;height:44px;background:none;padding:10px}.tag{font-size:10px;padding:5px 9px;border:1px solid var(--tone-cbb5a6);color:var(--tone-744a3f);display:inline-flex;line-height:1.4}

/* One composition, four product layers. Copy stays clear of the interfaces. */
.hero{background:var(--wine);color:var(--paper);overflow:hidden;isolation:isolate}.hero-stage{position:relative;height:790px}.hero-heading{position:absolute;top:54px;left:0;z-index:6}.hero-heading .eyebrow{font-size:10px;color:var(--tone-e2c6c7);margin-bottom:25px}.hero h1{font-size:clamp(66px,6.8vw,98px);line-height:1.04;letter-spacing:-.065em}.hero h1 span{color:var(--peach)}.hero-edition{position:absolute;right:0;top:40px;text-align:right;font-size:9px;color:var(--tone-d9aeb3);z-index:2;line-height:1.9}.hero-word{position:absolute;left:-9px;bottom:34px;font-size:clamp(105px,12.5vw,190px);font-weight:900;line-height:1;letter-spacing:-.045em;color:var(--tone-673447);white-space:nowrap;z-index:-1}.hero-orbit{position:absolute;inset:10px -70px 0 auto;width:85%;height:740px;stroke:var(--tone-bb715e);stroke-width:1;opacity:.65;z-index:-1}.stage-interfaces{position:absolute;inset:0;pointer-events:none}.stage-interfaces button{pointer-events:auto}.stage-phone{position:absolute;background:var(--tone-fafaf7);border:6px solid var(--tone-f5e7db);border-radius:29px;padding:0;text-align:left;box-shadow:var(--shadow-far);overflow:hidden;transition:transform 240ms var(--ease-out)}.phone-cap{background:var(--tone-f6f4ec);display:flex;align-items:center;gap:7px;padding:11px 13px;font-size:9px;color:var(--tone-443c38)}.phone-cap i{width:6px;height:6px;background:var(--tone-a65a3c);border-radius:50%}.phone-cap b{margin-left:auto;font-size:15px;font-weight:500;line-height:1}.stage-phone>img{width:100%;height:auto}.stage-admin{left:35%;top:166px;width:240px;height:auto;transform:rotate(-9deg);z-index:2}.stage-client{left:57%;top:86px;width:272px;height:auto;transform:rotate(8deg);z-index:3}.stage-card{position:absolute;overflow:hidden;background:white;border:1px solid var(--tone-e1d5c8);border-radius:11px;box-shadow:var(--shadow-far);padding:0;text-align:left;transition:transform 240ms var(--ease-out)}.card-cap{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--tone-5a403e);background:var(--tone-f8f5ef);padding:12px 15px;font-size:10px}.card-cap b{font-size:18px;font-weight:500}.stage-order{width:300px;right:-8px;top:456px;z-index:5;transform:rotate(-5deg)}.order-crop{display:block;aspect-ratio:44/17;overflow:hidden;position:relative;background:var(--tone-f5f5f2)}.order-crop img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain}.stage-product{width:274px;left:26%;top:510px;z-index:4;transform:rotate(4deg)}.stage-product>img{width:100%;padding:8px 12px}.stage-product .deploy-price{padding-top:0;height:113px;object-fit:cover;object-position:top}.hero-caption{position:absolute;left:0;top:377px;z-index:6;width:265px}.hero-caption h2{font-size:20px;line-height:1.65;letter-spacing:-.025em}.hero-caption p{font-size:12px;color:var(--tone-d9bcc0);margin-top:16px;line-height:1.8}.hero-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--tone-b77d7e);margin-top:18px;padding:8px 0 12px;font-size:13px;color:var(--peach)}.hero-launch b{width:42px;height:42px;border:1px solid var(--tone-aa7d76);border-radius:50%;font-size:25px;line-height:1.5;text-align:center;font-weight:400;transition:background var(--feedback),color var(--feedback)}.hero-launch:hover b{background:var(--peach);color:var(--wine)}.hero-meta{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--tone-d6b7bd);z-index:6}.hero-meta a{padding:10px 0}.hero-meta a span{margin-left:15px;font-size:16px}.discipline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--tone-bfa99d)}.discipline .mono{font-size:10px;color:var(--accent)}.discipline p{font-size:17px;font-weight:600;letter-spacing:-.025em}.discipline a{font-size:11px}.discipline a span{margin-left:18px;font-size:18px}

/* Product chapters: horizontal scene selector and a broad layered canvas. */
.section{padding-block:76px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}.section-head .eyebrow{color:var(--muted);margin-bottom:15px}.section-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:360px}.feature-list{display:flex;align-items:center;border-bottom:1px solid var(--tone-bda698);margin-bottom:30px;max-width:100%}.feature{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;background:none;border-bottom:3px solid transparent;font-size:13px;min-height:58px;flex:1;white-space:nowrap}.feature span{font-size:21px;color:var(--tone-866c60)}.feature.active{border-color:var(--accent);color:var(--accent);background:var(--tone-eae0d6)}.feature:hover{background:var(--tone-eae0d6)}.feature-panel{display:grid;grid-template-columns:1.65fr 1fr;min-height:525px;background:var(--tone-e6d9cc);overflow:hidden;border-radius:3px}.feature-visual{position:relative;height:525px;isolation:isolate;overflow:hidden}.scene-word{font:900 100px/.88 Outfit,sans-serif;color:var(--tone-c5b2a0);letter-spacing:-.045em;position:absolute;top:45px;left:28px;z-index:-1}.scene-back{position:absolute;width:190px;height:auto;object-fit:contain;object-position:top;right:185px;top:107px;border:6px solid var(--tone-eee8df);border-radius:18px;transform:rotate(-11deg);box-shadow:var(--shadow-near)}#feature-image{position:absolute;width:214px;height:auto;object-fit:contain;object-position:top;right:61px;top:45px;border:6px solid var(--tone-f7f2e9);border-radius:18px;transform:rotate(6deg);box-shadow:0 18px 30px var(--tone-49322833)}.scene-detail{position:absolute;left:30px;bottom:32px;width:285px;background:var(--tone-ffffff);border-radius:9px;box-shadow:0 20px 38px var(--tone-3c272c33);overflow:hidden;z-index:3;padding:0;text-align:left;transform:rotate(-4deg)}.scene-detail .order-crop{height:auto;}.scene-detail .order-crop img{height:auto;}.visual-label{position:absolute;bottom:14px;right:18px;font-size:8px;color:var(--tone-66564c)}.feature-caption{padding:49px 40px 36px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:4;background:var(--tone-ede3d8)}.scene-icon{font-size:36px;color:var(--accent);line-height:1;margin-bottom:34px}.feature-caption h3{font-size:31px;line-height:1.4;max-width:270px}.feature-caption p{font-size:12px;color:var(--muted);max-width:270px;margin-top:21px}.feature-caption .text-link{margin-top:18px}.scene-foot{margin-top:auto;padding-top:30px;font-size:10px;line-height:1.7;color:var(--tone-8d6c5d)}.feature-panel[data-scene="1"]{background:var(--tone-dce2da)}.feature-panel[data-scene="1"] .feature-caption{background:var(--tone-e8ece3)}.feature-panel[data-scene="1"] .scene-word{color:var(--tone-bbc8b6)}.feature-panel[data-scene="1"] .scene-detail{left:18px;bottom:56px;width:250px}.feature-panel[data-scene="3"] #feature-image{width:68%;height:auto;max-height:360px;right:9%;top:112px;object-fit:contain;transform:rotate(-5deg);border-radius:8px}.feature-panel[data-scene="2"] .scene-back,.feature-panel[data-scene="3"] .scene-back{right:40px;top:60px;width:200px;opacity:.35;transform:rotate(11deg)}.feature-panel[data-scene="2"] .scene-detail,.feature-panel[data-scene="3"] .scene-detail{display:none}.feature-panel[data-scene="3"] #feature-image{width:350px;max-width:72%;top:75px;border-width:4px;transform:rotate(7deg)}
.generation{display:grid;grid-template-columns:.95fr 1.3fr;gap:55px;align-items:center;padding-top:5px;padding-bottom:76px}.generation-copy h2{font-size:45px;line-height:1.3}.generation-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:22px}.generation-controls{display:flex;gap:10px;margin-top:28px}.generation-toggle{padding:11px 18px;min-height:44px;border-radius:2px;border:1px solid var(--tone-baa393);background:none;font-size:12px}.generation-toggle[aria-pressed="true"]{background:var(--wine);color:white;border-color:var(--wine)}.generation-copy .generation-note{font-size:10px!important;line-height:1.8;max-width:300px}.generation-stage{height:470px;position:relative;background:var(--tone-e2b9a1);isolation:isolate;overflow:hidden;border-radius:3px}.generation-word{position:absolute;left:22px;top:28px;font:900 70px/.9 Outfit,sans-serif;letter-spacing:-.04em;color:var(--tone-bc866e);z-index:-1}.copy-sheet{position:absolute;top:165px;left:35px;width:240px;height:254px;background:var(--tone-fbf6ee);padding:24px;transform:rotate(-8deg);box-shadow:0 15px 30px var(--tone-59372826);transition:transform 260ms var(--ease-out),opacity 260ms}.copy-sheet .mono{font-size:9px;color:var(--accent)}.copy-sheet h3{font-size:22px;margin-top:23px;letter-spacing:-.04em}.copy-sheet p{font-size:10px;color:var(--muted);margin-top:9px}.copy-rule{display:block;width:40px;height:2px;background:var(--accent);margin-top:20px}.copy-footer{display:block;font-size:9px;color:var(--tone-786354);margin-top:17px}.generated-cover{width:300px;position:absolute;right:35px;top:57px;background:var(--tone-251a1b);padding:5px;border-radius:6px;transform:rotate(7deg);box-shadow:0 20px 35px var(--tone-3a1f2840);transition:transform 260ms var(--ease-out),opacity 260ms}.generated-cover img{border-radius:3px}.generated-cover>span{display:flex;justify-content:space-between;align-items:center;color:var(--tone-eee5d7);font-size:10px;padding:11px 9px}.generated-cover b{font-size:19px;font-weight:400}.generation-label{position:absolute;right:20px;bottom:18px;font-size:8px;color:var(--tone-6e4231)}.generation-stage[data-state="before"] .copy-sheet{transform:translate(60px,-38px) rotate(-3deg);z-index:3}.generation-stage[data-state="before"] .generated-cover{transform:translate(50px,32px) rotate(14deg);opacity:.35}

.experience{background:var(--tone-d8ddd1);border-block:1px solid var(--tone-c2c8ba)}.experience-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.experience-copy .switch{margin-bottom:28px}.switch{display:inline-flex;padding:4px;border:1px solid var(--tone-abae9f);max-width:100%;gap:3px}.switch button{background:none;padding:12px 18px;min-height:44px;font-size:12px}.switch button[aria-selected="true"]{background:var(--ink);color:white}.demo-kicker{font-size:10px;color:var(--tone-5f6b50);margin-bottom:15px}.experience-copy h3{font-size:35px;line-height:1.35;max-width:380px}.experience-copy p:not(.mono){font-size:12px;color:var(--tone-59604f);max-width:340px;margin-top:20px}.demo-points{padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;margin:20px 0 25px;font-size:11px}.demo-points li:before{content:"↗";margin-right:9px;color:var(--tone-4d6240)}.experience-copy .demo-note{font-size:10px!important;margin-top:13px!important}.demo-exhibit{height:455px;position:relative;overflow:hidden;background:var(--tone-bfc8b5);border-radius:3px;isolation:isolate}.exhibit-label{display:flex;justify-content:space-between;position:absolute;left:23px;right:23px;top:20px;color:var(--tone-44543a);font-size:9px}.exhibit-circle{position:absolute;width:400px;height:400px;border:1px solid var(--tone-95a287);border-radius:50%;left:-120px;top:95px;z-index:-1}.exhibit-circle:before{content:"";position:absolute;inset:25px;border:1px solid var(--tone-95a287);border-radius:50%}.exhibit-phone{position:absolute;right:11%;top:65px;width:180px;border:6px solid var(--tone-f5f0e8);border-radius:23px;background:var(--tone-fafaf8);box-shadow:0 20px 34px var(--tone-34432c40);padding:0;transform:rotate(7deg);transition:transform 240ms var(--ease-out)}.exhibit-phone img{width:100%;border-radius:17px}.exhibit-stamp{position:absolute;left:27px;bottom:49px;font-size:14px;line-height:1.8;color:var(--tone-455d37);border-top:1px solid var(--tone-738363);padding-top:15px}.demo-exhibit:after{content:"HANDS\A ON.";white-space:pre;position:absolute;left:25px;top:90px;font:900 69px/.9 Outfit,sans-serif;letter-spacing:-.04em;color:var(--tone-9eae91);z-index:-1}
.pricing .section-head h2{font-size:48px}.plan-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px}.plan{background:var(--tone-fffaf1);padding:35px 40px;border:1px solid var(--tone-cab6a4);box-shadow:8px 8px 0 var(--tone-e2d6c8);position:relative}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.plan-top .mono{font-size:10px;color:var(--accent)}.plan h3{font-size:27px}.plan>p{font-size:12px;color:var(--muted);margin-top:9px}.plan-price{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;border-top:1px dashed var(--tone-c6b9ab);margin-top:27px;padding-top:24px}.plan-price strong{font-size:31px;letter-spacing:-.04em}.plan-price>span{font-size:11px;color:var(--muted)}.plan .price-note{font-size:10px;max-width:350px;line-height:1.9}.rights{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:27px 0;font-size:11px}.rights span:before{content:"✓";color:var(--accent);margin-right:7px}.plan>.button{width:100%}.plan-terms{width:100%;font-size:11px;padding-top:18px}.opening{padding-top:25px}.opening>.mono{font-size:10px;color:var(--muted);margin-bottom:23px}.opening h3{font-size:31px;line-height:1.45;max-width:360px}.opening ol{padding:0;margin:22px 0 0;list-style:none}.opening li{display:flex;gap:23px;padding:18px 0;border-bottom:1px solid var(--tone-d2c4b5)}.opening li>span{font-size:22px;font-weight:400;line-height:1.1;color:var(--accent);padding-top:4px}.opening li b{font-size:13px;font-weight:600}.opening li p{font-size:11px;color:var(--muted);margin-top:6px}.opening-note{font-size:10px;color:var(--muted);margin-top:15px}
.tutorials{border-top:1px solid var(--line)}.tutorials .section-head h2{font-size:47px}.tutorial-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:25px}.tutorial{padding:0;background:none;text-align:left}.tutorial-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.tutorial-top .mono{font-size:9px;color:var(--tone-8a7062)}.tutorial-graphic{height:186px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;transition:filter var(--feedback)}.tutorial:hover .tutorial-graphic{filter:brightness(.95)}.graphic-start{background:var(--wine);color:var(--peach);justify-content:space-between;padding:24px}.graphic-start>span{font:900 50px/.9 Outfit,sans-serif;letter-spacing:-.05em}.graphic-start>b{font-size:75px;font-weight:400;align-self:flex-end;line-height:1}.graphic-product{background:var(--tone-e0c4a7);gap:12px}.graphic-product span{height:84px;width:62px;background:var(--tone-b48455);border:1px solid var(--tone-93683e);transform:rotate(-10deg);position:relative}.graphic-product span:nth-child(2){transform:translateY(-10px)}.graphic-product span:nth-child(3){transform:rotate(10deg)}.graphic-product span:before{content:"";position:absolute;inset:10px 10px 25px;background:var(--tone-ebd9c1)}.graphic-order{background:var(--tone-c5cdbb);gap:8px}.graphic-order span{border:1px solid var(--tone-869779);border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:12px;color:var(--tone-4b6241)}.graphic-order i{font-style:normal;color:var(--tone-6b7f5e)}.tutorial-title{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;line-height:1.5;margin-top:18px}.tutorial-title>span{font-size:22px;line-height:1}.tutorial-description{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.faq h2{font-size:39px}.faq>div>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:18px 0 22px}.faq details{border-top:1px solid var(--tone-d1c2b3)}.faq details:last-child{border-bottom:1px solid var(--tone-d1c2b3)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:64px;font-size:12px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;font-weight:400;transition:transform var(--feedback)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);margin:0 22px 20px 0;line-height:1.9}.closing{position:relative;background:var(--wine);color:var(--paper);padding:42px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden}.closing .eyebrow{color:var(--tone-dcb2b2);font-size:9px}.closing h2{font-size:50px;line-height:1.2}.closing-actions{display:flex;gap:30px;align-items:center;margin-top:27px}.closing .text-link{color:var(--peach)}.closing-symbol{font-size:240px;line-height:1;color:var(--peach);font-weight:400;transform:rotate(7deg)}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-block:40px}.footer-main>p{font-size:11px;color:var(--muted);line-height:1.9}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 26px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom span:nth-child(2){font-family:Outfit,sans-serif;font-size:9px;letter-spacing:.05em}

/* Preserved local interaction surfaces. */
dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 40px);border-radius:6px;overflow:auto;box-shadow:0 30px 90px var(--tone-00000033)}dialog::backdrop{background:var(--tone-18131c99)}.modal-head{position:sticky;top:0;z-index:3;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line)}.modal-head .mono{font-size:10px;color:var(--muted)}.close{background:transparent;font-size:28px;width:44px;height:44px;line-height:1}.close:hover{color:var(--violet)}#modal-content{padding:32px}.modal-title{font-size:28px;margin-bottom:12px;letter-spacing:-.04em}.modal-lead{font-size:13px;color:var(--muted);margin-bottom:25px}.tour-grid{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start;margin-top:24px}.tour-screen{background:var(--tone-e7e0f0);padding:16px;border-radius:3px}.tour-screen img{width:100%;max-height:490px;object-fit:contain;object-position:top}.tour-copy h3{font-size:21px;margin:12px 0}.tour-copy p{font-size:12px;color:var(--muted)}.tour-pages{display:flex;flex-direction:column;gap:10px}.tour-pages button{background:transparent;border:1px solid var(--line);text-align:left;padding:14px;font-size:12px;border-radius:3px;min-height:44px}.tour-pages button[aria-pressed=true]{border-color:var(--violet);background:var(--lilac);color:var(--violet)}.tour-note{border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted);line-height:1.8}.article-body{font-size:13px;line-height:1.9}.article-body h3{font-size:18px;margin-top:30px;margin-bottom:10px;letter-spacing:-.02em}.article-body ol,.article-body ul{padding-left:22px}.article-body li{margin:12px 0}.article-note{padding:16px;border-left:3px solid var(--violet);background:var(--lilac);font-size:12px;color:var(--tone-4e3a64)}.article-directory{display:grid;gap:10px}.article-directory button{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;text-align:left;background:none;min-height:44px;font-size:14px}.form-progress{display:flex;margin:24px 0 30px;gap:12px;font-size:11px;color:var(--muted)}.form-progress span{border-top:3px solid var(--line);padding-top:12px;flex:1}.form-progress .active{border-color:var(--violet);color:var(--violet)}.open-form{display:grid;gap:22px}.open-form label{display:grid;gap:10px;font-size:12px;font-weight:600}.open-form input{border:1px solid var(--line);background:white;border-radius:3px;padding:14px;min-height:48px;font-size:14px;color:var(--ink);min-width:0;width:100%}.open-form small{font-size:11px;color:var(--muted);font-weight:400}.domain-input{display:flex;align-items:center;gap:10px}.domain-input>span{font-size:11px;white-space:nowrap;color:var(--muted)}.form-error{color:var(--tone-b42318);font-size:12px;margin:0}.form-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.form-actions .button{flex:1}.order-summary{display:grid;gap:0;font-size:13px}.order-summary div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0;overflow-wrap:anywhere}.order-summary dt{color:var(--muted);flex-shrink:0}.order-summary dd{margin:0;text-align:right}.demo-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin-top:24px}.demo-confirm input{margin-top:4px;width:18px;height:18px;accent-color:var(--violet);flex-shrink:0}.complete-symbol{font-size:46px;color:var(--violet);margin:20px 0}.success-panel{padding:8px 0 20px}.success-panel p{font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:white;padding:16px 24px;font-size:12px;border-radius:3px;max-width:calc(100% - 32px);display:none}#toast.visible{display:block}

@media(hover:hover) and (pointer:fine){.stage-admin:hover{transform:translateY(-7px) rotate(-7deg)}.stage-client:hover{transform:translateY(-7px) rotate(6deg)}.stage-order:hover{transform:translateY(-5px) rotate(-3deg)}.stage-product:hover{transform:translateY(-5px) rotate(2deg)}.exhibit-phone:hover{transform:translateY(-5px) rotate(5deg)}.generated-cover:hover{transform:translateY(-5px) rotate(5deg)}}
@keyframes stage-arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.stage-admin,.stage-client{animation:stage-arrive 600ms var(--ease-out) both}.stage-client{animation-delay:90ms}}
@media(min-width:1600px){.hero-stage{height:860px}.stage-admin{left:36%;top:185px;width:265px;height:auto;}.stage-client{top:83px;width:300px;height:auto;}.stage-order{top:495px;width:330px}.stage-product{top:565px;width:300px}.hero-caption{top:420px}.hero h1{font-size:112px}.hero-word{font-size:180px}}
@media(max-width:1150px){:root{--space:36px}.header nav{gap:23px}.header-actions{gap:18px}.account{display:none}.hero-stage{height:730px}.hero h1{font-size:75px}.hero-heading{top:47px}.hero-caption{top:340px;width:230px}.hero-caption h2{font-size:18px}.stage-admin{left:34%;top:178px;width:215px;height:auto;}.stage-client{left:57%;top:90px;width:238px;height:auto;}.stage-product{width:246px;left:25%;top:505px}.stage-order{width:260px;right:-10px;top:443px}.hero-word{font-size:12vw;bottom:54px}.scene-word{font-size:82px}.feature-caption{padding:35px 27px}.feature-caption h3{font-size:28px}.scene-back{width:195px;right:145px}.scene-detail{width:248px;left:15px}.feature-panel{grid-template-columns:1.45fr 1fr}.generation{gap:35px;grid-template-columns:1fr 1.2fr}.generation-copy h2{font-size:38px}.generated-cover{width:260px;right:26px;top:70px}.copy-sheet{left:20px;width:218px}.generation-word{font-size:62px}.experience-layout{gap:42px}.plan-layout{gap:42px}.plan{padding:30px}.graphic-order span{width:48px;height:48px}.graphic-order{gap:6px}}
@media(max-width:850px){:root{--space:24px;--header:72px}.brand>span{font-size:21px}.brand img{width:36px;height:36px}.brand small{font-size:7px}.header nav{display:none;position:absolute;top:var(--header);left:0;right:0;padding:16px var(--space);background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0}.header nav.is-open{display:flex}.header nav a{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.header nav a:last-child{border:0}.menu{display:block}.header-actions{gap:10px}.hero-stage{height:750px}.hero h1{font-size:71px}.hero-heading{top:37px}.hero-heading .eyebrow{font-size:9px;margin-bottom:20px}.hero-edition{font-size:8px;top:28px}.hero-caption{top:340px;width:195px}.hero-caption h2{font-size:17px}.hero-caption p{font-size:11px}.hero-launch{font-size:11px;gap:17px}.stage-admin{left:31%;top:230px;width:198px;height:auto;transform:rotate(-9deg)}.stage-client{left:56%;top:125px;width:212px;height:auto;transform:rotate(8deg)}.stage-order{right:-3px;top:502px;width:238px}.stage-product{left:23%;top:565px;width:222px}.stage-product .deploy-price{height:88px}.hero-word{font-size:12vw;bottom:64px}.hero-orbit{width:100%;height:680px;right:-90px;top:40px}.hero-meta{font-size:8px}.discipline .mono{font-size:8px}.discipline p{font-size:14px}.discipline a{font-size:10px}.section{padding-block:59px}h2{font-size:43px}.section-intro{font-size:12px;max-width:270px}.section-head{margin-bottom:28px}.eyebrow{font-size:9px}.feature{padding:15px 14px;font-size:11px;gap:15px}.feature span{font-size:18px}.feature-panel{grid-template-columns:1.3fr 1fr;min-height:460px}.feature-visual{height:460px}.feature-caption{padding:32px 24px}.feature-caption h3{font-size:24px}.feature-caption p{font-size:11px}.scene-icon{margin-bottom:25px;font-size:30px}.scene-word{font-size:67px;left:18px;top:30px}.scene-back{width:158px;right:103px;top:108px;height:auto;}#feature-image{width:180px;right:25px;top:65px;height:auto}.scene-detail{width:214px;left:14px;bottom:35px}.scene-detail .card-cap{font-size:8px;padding:9px 12px}.scene-detail .order-crop{height:auto;}.scene-detail .order-crop img{height:auto;}.visual-label{font-size:7px;bottom:12px}.scene-foot{font-size:8px}.feature-panel[data-scene="3"] #feature-image{top:100px}.generation{gap:26px}.generation-copy h2{font-size:33px}.generation-copy>p:not(.eyebrow){font-size:11px}.generation-stage{height:390px}.generation-word{font-size:52px;left:15px;top:22px}.generated-cover{width:218px;right:18px;top:62px}.copy-sheet{width:190px;height:230px;top:140px;left:18px;padding:20px}.copy-sheet h3{font-size:19px}.copy-sheet p{font-size:9px}.copy-footer{font-size:8px}.generation-controls{gap:7px}.generation-toggle{font-size:11px;padding-inline:13px}.generation-stage[data-state="before"] .copy-sheet{transform:translate(15px,-35px) rotate(-3deg)}.generation-stage[data-state="before"] .generated-cover{transform:translate(70px,30px) rotate(14deg)}.experience-layout{gap:30px;grid-template-columns:1fr 1fr}.experience-copy h3{font-size:29px}.switch button{font-size:11px;padding-inline:13px}.demo-exhibit{height:440px}.exhibit-phone{right:6%;width:170px;top:75px}.demo-exhibit:after{font-size:51px;left:13px}.exhibit-stamp{font-size:11px;left:18px;bottom:40px}.plan-layout{gap:30px}.plan{padding:25px}.plan h3{font-size:24px}.rights{grid-template-columns:1fr;font-size:11px;gap:12px}.plan .button{font-size:12px;gap:20px;padding-inline:18px}.opening h3{font-size:26px}.opening li{gap:16px}.opening li b{font-size:12px}.opening li p{font-size:10px}.pricing .section-head h2{font-size:41px}.tutorials .section-head h2{font-size:39px}.tutorial-grid{gap:17px}.tutorial-top .mono{display:none}.tutorial-graphic{height:157px}.graphic-start{padding:20px}.graphic-start>span{font-size:42px}.graphic-start>b{font-size:53px}.graphic-product{gap:8px}.graphic-product span{width:46px;height:70px}.graphic-order span{width:38px;height:38px;font-size:10px}.graphic-order i{font-size:11px}.tutorial-title{font-size:13px}.tutorial-description{font-size:10px}.faq{gap:35px}.faq h2{font-size:31px}.closing h2{font-size:41px}.closing-symbol{font-size:170px}.closing{padding:35px}.closing-actions{gap:22px}.closing .button{font-size:12px;gap:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>p{display:none}.footer-bottom span:nth-child(2){display:none}}

/* Mobile is a new diagonal composition, not a scaled desktop scene. */
@media(max-width:580px){:root{--space:20px;--header:68px}.preview-ribbon{justify-content:center;font-size:8px;padding-block:6px}.preview-ribbon span:first-child{display:none}.header{gap:10px}.brand{gap:7px}.brand>span{font-size:19px}.brand img{width:33px;height:33px}.brand small{font-size:6px}.header-actions{gap:5px}.header .button.compact{font-size:10px;min-height:40px;padding:10px 12px;gap:12px}.header .button.compact span{font-size:16px}.hero-stage{height:850px;width:calc(100% - 32px)}.hero-heading{top:26px;left:4px}.hero-heading .eyebrow{font-size:8px;margin-bottom:15px;gap:7px;letter-spacing:.04em}.hero h1{font-size:55px;line-height:1.07;letter-spacing:-.065em}.hero-edition{top:35px;right:3px;font-size:7px;line-height:1.9;width:105px}.hero-caption{top:685px;left:4px;width:100%;display:grid;grid-template-columns:1fr auto;gap:9px 20px;align-items:center}.hero-caption h2{font-size:16px;line-height:1.7;grid-column:1;grid-row:1}.hero-caption h2 br{display:none}.hero-caption p{font-size:10px;line-height:1.7;margin:0;grid-column:1;grid-row:2}.hero-caption p br{display:none}.hero-launch{margin:0;grid-column:2;grid-row:1 / 3;border-bottom:0;gap:0;flex-direction:column-reverse;font-size:9px;padding:0}.hero-launch b{width:50px;height:50px;font-size:29px;margin-bottom:8px}.hero-word{font-size:14.4vw;left:0;bottom:52px;letter-spacing:-.045em;color:var(--tone-6c3a4d)}.hero-orbit{width:160%;height:620px;right:-110px;top:136px;opacity:.6}.stage-admin{width:46%;height:auto;top:258px;left:2%;transform:rotate(-11deg);border-width:4px;border-radius:18px;z-index:2}.stage-client{width:53%;height:auto;top:195px;left:43%;transform:rotate(8deg);border-width:4px;border-radius:18px;z-index:3}.phone-cap{font-size:7px;padding:8px 8px;gap:5px}.phone-cap i{height:4px;width:4px}.phone-cap b{font-size:12px}.stage-order{width:60%;top:503px;right:-3px;transform:rotate(-5deg);z-index:5;border-radius:8px}.stage-order .card-cap{font-size:7px;padding:8px 10px;gap:8px}.stage-order .card-cap b{font-size:14px}.stage-order .order-crop{height:auto;}.stage-order .order-crop img{height:auto;}.stage-product{width:48%;left:0;top:540px;transform:rotate(5deg);z-index:4;border-radius:7px}.stage-product .card-cap{font-size:6px;padding:7px 8px;gap:4px}.stage-product .card-cap b{font-size:12px}.stage-product>img{padding:5px 7px}.stage-product .deploy-price{height:48px;object-position:top}.hero-meta{bottom:14px;font-size:7px;gap:10px}.hero-meta a{font-size:7px}.hero-meta a span{margin-left:6px;font-size:12px}.discipline{padding-block:19px;gap:16px;flex-wrap:wrap}.discipline .mono{font-size:8px;width:100%}.discipline p{font-size:14px}.discipline a{font-size:9px}.discipline a span{margin-left:8px;font-size:15px}.section{padding-block:46px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:37px;line-height:1.23}.section-head .eyebrow{font-size:8px;margin-bottom:14px}.section-intro{font-size:11px;max-width:100%;margin-top:19px}.section-intro br{display:none}.feature-list{margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tone-ccb6a5)}.feature{font-size:11px;min-height:46px;padding:11px 14px;border:0;border-left:1px solid var(--tone-ccb6a5);border-top:1px solid var(--tone-ccb6a5)}.feature:nth-child(odd){border-left:0}.feature:nth-child(-n+2){border-top:0}.feature.active{box-shadow:inset 3px 0 var(--accent)}.feature-panel{grid-template-columns:1fr;min-height:0}.feature-visual{height:378px}.scene-word{font-size:72px;top:21px;left:18px}.scene-back{width:37%;right:38%;height:auto;top:86px;transform:rotate(-11deg);border-width:4px}#feature-image{width:42%;height:auto;right:12%;top:32px;border-width:4px;border-radius:14px}.scene-detail{width:61%;left:12px;bottom:29px;border-radius:7px}.scene-detail .card-cap{font-size:8px;padding:8px 10px}.scene-detail .order-crop{height:auto;}.scene-detail .order-crop img{height:auto;}.visual-label{font-size:6px;right:12px;bottom:9px}.feature-caption{display:grid;grid-template-columns:1fr auto;padding:26px 23px;gap:13px 20px}.scene-icon{display:none}.feature-caption h3{font-size:26px;line-height:1.4;grid-column:1 / 3;max-width:100%}.feature-caption p{font-size:11px;margin:0;grid-column:1 / 3;max-width:100%}.feature-caption .text-link{font-size:11px;margin:0;justify-self:start;gap:30px}.scene-foot{font-size:7px;padding:0;margin:0;align-self:center;justify-self:end}.feature-panel[data-scene="1"] .scene-detail{left:10px;width:58%;bottom:24px}.feature-panel[data-scene="2"] #feature-image{width:42%;height:auto;right:12%;top:32px}.feature-panel[data-scene="3"] #feature-image{top:45px;width:260px;max-width:71%;max-height:290px}.feature-panel[data-scene="2"] .scene-back,.feature-panel[data-scene="3"] .scene-back{width:150px;right:30px;top:42px;height:auto;}.generation{grid-template-columns:1fr;gap:27px;padding-top:0;padding-bottom:46px}.generation-copy h2{font-size:35px;line-height:1.3}.generation-copy>p:not(.eyebrow){font-size:11px;margin-top:17px}.generation-copy>p:not(.eyebrow) br{display:none}.generation-controls{margin-top:20px}.generation-copy .generation-note{font-size:9px!important;max-width:100%;margin-top:13px!important}.generation-stage{height:363px}.generation-word{font-size:53px;left:14px;top:20px}.generated-cover{width:65%;right:15px;top:48px}.generated-cover>span{font-size:8px;padding:8px}.generated-cover b{font-size:15px}.copy-sheet{width:54%;top:143px;left:17px;height:193px;padding:17px}.copy-sheet .mono{font-size:7px}.copy-sheet h3{font-size:17px;margin-top:14px}.copy-sheet p{font-size:8px;margin-top:6px}.copy-rule{margin-top:12px}.copy-footer{font-size:7px;margin-top:11px}.generation-label{font-size:7px;bottom:13px;right:13px}.generation-stage[data-state="before"] .copy-sheet{transform:translate(20px,-18px) rotate(-3deg)}.generation-stage[data-state="before"] .generated-cover{transform:translate(48px,20px) rotate(14deg)}.experience-layout{grid-template-columns:1fr;gap:26px}.experience-copy .switch{margin-bottom:24px;width:100%;display:flex}.switch button{font-size:11px;flex:1}.demo-kicker{font-size:9px;margin-bottom:13px}.experience-copy h3{font-size:28px;max-width:100%}.experience-copy h3 br{display:none}.experience-copy p:not(.mono){font-size:11px;max-width:100%;margin-top:15px}.demo-points{flex-direction:row;flex-wrap:wrap;gap:8px 16px;font-size:9px;margin:18px 0 22px}.demo-points li:before{margin-right:5px}.demo-exhibit{height:395px}.exhibit-label{font-size:8px;left:18px;right:18px;top:17px}.exhibit-phone{width:154px;right:13%;top:61px;border-width:5px;border-radius:19px}.exhibit-phone img{border-radius:13px}.demo-exhibit:after{font-size:68px;left:20px;top:82px}.exhibit-stamp{bottom:26px;font-size:11px;left:20px}.exhibit-circle{width:310px;height:310px;left:-80px;top:80px}.plan-layout{grid-template-columns:1fr;gap:33px}.pricing .section-head h2{font-size:36px}.plan{padding:27px 24px;box-shadow:5px 5px 0 var(--tone-e2d6c8)}.plan h3{font-size:24px}.plan-top .mono{font-size:9px}.plan-price strong{font-size:29px}.plan-price>span{font-size:10px}.rights{grid-template-columns:1fr 1fr;font-size:10px;gap:17px 8px}.plan .button{font-size:12px}.opening{padding-top:4px}.opening>.mono{font-size:9px;margin-bottom:17px}.opening h3{font-size:27px}.opening li{gap:18px;padding-block:15px}.opening li b{font-size:12px}.opening li p{font-size:10px}.opening-note{font-size:9px}.tutorials .section-head{display:flex;align-items:flex-end;gap:15px}.tutorials .section-head h2{font-size:29px}.tutorials .section-head .text-link{font-size:9px;gap:8px;flex-shrink:0}.tutorial-grid{grid-template-columns:1fr;gap:24px}.tutorial{display:grid;grid-template-columns:110px 1fr;gap:5px 18px;border-top:1px solid var(--line);padding-top:19px}.tutorial-top{grid-column:2;grid-row:1;justify-content:flex-start;margin:0}.tutorial-graphic{grid-column:1;grid-row:1 / 4;height:110px}.tutorial-title{grid-column:2;grid-row:2;margin:6px 0;font-size:13px}.tutorial-description{grid-column:2;grid-row:3;margin:0;font-size:10px;align-self:start}.tutorial .tag{font-size:8px;padding:3px 6px}.graphic-start{padding:12px}.graphic-start>span{font-size:26px}.graphic-start>b{display:none}.graphic-product{gap:3px;padding-inline:10px}.graphic-product span{width:25px;height:49px}.graphic-product span:before{inset:6px 4px 17px}.graphic-order{gap:3px;padding:12px;flex-wrap:wrap}.graphic-order span{width:30px;height:30px;font-size:8px}.graphic-order i{font-size:8px}.graphic-order span:last-child,.graphic-order i:last-of-type{display:none}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:31px}.faq>div>p:not(.eyebrow){font-size:11px;margin:14px 0}.faq summary{font-size:11px;min-height:62px}.faq details p{font-size:11px}.closing{padding:30px 25px}.closing h2{font-size:33px;position:relative;z-index:1}.closing .eyebrow{font-size:8px;margin-bottom:20px}.closing-actions{gap:18px;position:relative;z-index:1;flex-wrap:wrap;margin-top:22px}.closing .button{font-size:10px;gap:17px;padding:14px 17px;min-height:46px}.closing .text-link{font-size:10px;gap:12px}.closing-symbol{position:absolute;right:-7px;top:42px;font-size:145px;opacity:.2}.footer-main{grid-template-columns:1fr;gap:24px;padding-block:30px}.footer-main nav{display:flex;gap:21px;flex-wrap:wrap;font-size:10px}.footer-bottom{font-size:8px;padding-block:16px 23px}.footer-main .brand>span{font-size:20px}}
@media(max-width:359px){.hero-stage{height:810px}.hero h1{font-size:49px}.hero-heading .eyebrow{font-size:7px}.hero-edition{font-size:6px;width:88px}.stage-client{top:185px;height:auto;}.stage-admin{top:240px;height:auto;}.stage-order{top:465px}.stage-product{top:541px}.hero-caption{top:670px}.hero-caption h2{font-size:14px}.hero-caption p{font-size:9px}.hero-launch{font-size:8px}.stage-order .order-crop{height:auto;}.stage-order .order-crop img{height:auto;}.feature{font-size:10px}.rights{font-size:9px}}
@media(max-width:580px){.modal-head{padding:9px 16px}.modal-head .mono{font-size:8px}#modal-content{padding:23px 20px}.modal-title{font-size:23px}.modal-lead{font-size:12px}.tour-grid{grid-template-columns:1fr;gap:18px}.tour-screen{display:flex;justify-content:center;padding:15px}.tour-screen img{width:190px;max-height:360px}.tour-pages{display:grid;grid-template-columns:1fr 1fr}.tour-pages button{font-size:11px;padding:12px}.tour-copy h3{font-size:19px}.article-body{font-size:12px}.article-note{font-size:11px}.form-progress{font-size:9px;gap:10px}.open-form input{font-size:16px}.open-form small{font-size:10px}.domain-input>span{font-size:10px}.form-actions{gap:17px}.form-actions .button{font-size:11px;padding-inline:15px;gap:18px}.order-summary{font-size:11px}.order-summary>div{gap:12px}.demo-confirm{font-size:11px}.success-panel h3{font-size:21px}.success-panel p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-admin:hover{transform:rotate(-9deg)}.stage-client:hover{transform:rotate(8deg)}.stage-order:hover{transform:rotate(-5deg)}.stage-product:hover{transform:rotate(4deg)}}

/* Native raster limits: no upscaling of original artwork on 3x screens. */
@media(min-width:581px) and (max-width:850px){.feature-panel[data-scene="2"] .scene-back,.feature-panel[data-scene="3"] .scene-back{width:170px}}
@media(max-width:580px){.feature-panel[data-scene="0"] .scene-back,.feature-panel[data-scene="1"] .scene-back{max-width:128px}}
@media(min-resolution:2.5dppx){.generated-cover{max-width:260px}.feature-panel[data-scene="3"] #feature-image{max-width:min(260px,71%)}.stage-product>img{max-width:286px;margin-inline:auto}}
/* Restored product experience: native UI stays upright and receives real input. */
.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.demo-actions .text-link{font-size:11px}.live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tone-44543a)}
/* A printed field guide, using the approved paper / wine / peach palette. */
.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px);align-items:center;border-bottom:1px solid var(--line)}.guide-art{height:550px;position:relative;isolation:isolate}.guide-art:before{content:"";position:absolute;inset:35px 10px 45px 0;background:var(--tone-e7dcd1);border-radius:50%}.guide-sheet{position:absolute;left:3%;top:68px;width:67%;height:394px;padding:27px;background:var(--tone-fffaf2);border:1px solid var(--tone-d8cec3);transform:rotate(-10deg);box-shadow:0 8px 12px var(--tone-401d2c0d)}.guide-sheet>span{display:block;font-size:10px;color:var(--muted);margin-bottom:25px}.guide-sheet i{display:block;height:140px;background:repeating-linear-gradient(transparent 0 26px,var(--tone-d8cec3) 26px 27px);margin-top:28px}.guide-sheet p{font-size:15px;margin-top:20px}.guide-book{position:absolute;right:5%;top:32px;width:70%;height:444px;padding:28px 26px;background:var(--wine);color:var(--paper);transform:rotate(6deg);box-shadow:inset 7px 0 0 var(--tone-ffffff10),inset 9px 0 0 var(--tone-00000020),0 20px 30px var(--tone-401d2c30);display:flex;flex-direction:column}.book-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid var(--tone-f5f0e83d);padding-bottom:19px}.book-top .mono{font-size:8px;color:var(--peach)}.book-overline{font-size:19px;color:var(--peach);margin-top:28px}.guide-book h3{font-size:clamp(29px,3vw,43px);line-height:1.4;letter-spacing:-.04em;margin-top:11px;font-weight:600}.book-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--tone-f5f0e83d);padding-top:16px;margin-top:auto;font-size:12px;color:var(--peach)}.book-bottom b{font:40px/1 Outfit,sans-serif}.guide-art-note{position:absolute;bottom:13px;left:12%;font-size:9px;letter-spacing:.15em;color:var(--muted)}.guide-copy h2{font-size:clamp(31px,3.3vw,48px);line-height:1.3;letter-spacing:-.055em}.guide-subtitle{font-size:20px;margin-top:22px}.guide-subtitle>span{color:var(--accent);margin-left:5px;font-weight:600}.guide-description{font-size:13px;line-height:1.9;color:var(--muted);max-width:420px;margin-top:18px}.guide-preview{margin:23px 0 29px;border-top:1px solid var(--line)}.guide-preview p{display:flex;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.guide-preview b{color:var(--ink);white-space:nowrap;font-weight:500}.guide-receive-note{margin-top:16px;color:var(--muted);font-size:10px;line-height:1.9}.guide-receive{font-size:13px;line-height:1.9}.guide-channel{display:inline-block;padding:5px 12px;background:var(--soft);color:var(--wine);font-size:11px;margin-bottom:17px}.guide-receive h3{font-size:20px;margin-bottom:14px}.guide-receive details{margin:20px 0;border-block:1px solid var(--line);padding:15px 0}.guide-receive summary{cursor:pointer;font-weight:500}.guide-outline{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:20px 0;padding-left:18px;font-size:12px;color:var(--muted)}#guide-status{margin-top:16px;color:var(--accent);font-size:12px}.footer-main nav button{font-size:inherit;color:inherit;text-align:left}
@media(min-width:581px) and (max-width:1100px){.experience-layout{gap:30px;grid-template-columns:1fr 1fr}.guide-art{height:490px}.guide-book{height:390px;right:0;padding:24px 20px;width:79%}.guide-sheet{width:74%;height:340px}.guide-sheet i{height:100px}.guide-book h3{font-size:30px}.guide-subtitle{font-size:17px}.guide-preview p{gap:12px;font-size:10px}}
@media(max-width:580px){.demo-actions{gap:16px}.demo-actions .button{font-size:11px}.demo-actions .text-link{font-size:10px}.guide-section{grid-template-columns:1fr;gap:28px}.guide-art{height:384px;order:1;width:min(100%,370px);margin-inline:auto}.guide-copy{order:0}.guide-book{top:18px;height:320px;width:65%;padding:20px;right:6%}.guide-book h3{font-size:29px}.book-overline{font-size:15px;margin-top:19px}.book-top{font-size:8px;padding-bottom:13px;gap:5px}.book-top .mono{font-size:6px}.book-bottom{font-size:10px;padding-top:12px}.book-bottom b{font-size:30px}.guide-sheet{top:50px;width:65%;height:280px;padding:20px}.guide-sheet>span{font-size:8px;margin-bottom:18px}.guide-sheet i{height:95px;margin-top:18px}.guide-sheet p{font-size:11px;margin-top:14px}.guide-art-note{font-size:7px;bottom:10px}.guide-copy h2{font-size:34px}.guide-copy .eyebrow{font-size:8px}.guide-subtitle{font-size:17px;margin-top:18px}.guide-description{font-size:11px;max-width:none}.guide-preview{margin:20px 0 23px}.guide-preview p{font-size:10px;gap:17px;padding:12px 0}.guide-receive-note{font-size:9px}.guide-copy .button{font-size:12px}.guide-receive h3{font-size:18px}.guide-receive{font-size:12px}.guide-outline{font-size:10px;gap:10px 18px}}


@media(max-width:580px){}
.guide-receive .article-note{color:var(--wine)}

/* Interactive phone: the native viewport stays 390 x 844 at every breakpoint. */
.live-exhibit{width:min(100%,430px);height:auto;min-width:0;padding:58px 28px 56px;margin-inline:0;justify-self:center;display:grid;justify-items:center;overflow:clip;border-radius:3px}
.live-exhibit .exhibit-label{top:19px;left:22px;right:22px;font-size:9px}
.live-exhibit .live-badge{display:flex;align-items:center;gap:7px}
.live-exhibit:after{top:144px;left:18px;font-size:62px}
.live-exhibit .exhibit-circle{width:340px;height:340px;top:170px;left:-100px}
.live-exhibit .exhibit-stamp{display:none}
.live-window{position:relative;order:1;top:auto;right:auto;width:min(264px,100%);min-width:0;padding:5px;border:1px solid var(--tone-827469);border-radius:30px;background:var(--tone-e5dbcf);box-shadow:inset 0 0 0 1px var(--tone-ffffff99),0 16px 28px var(--tone-34432c26),0 3px 7px var(--tone-34432c1a);transform:none;overflow:clip;z-index:1}
.live-viewport{position:relative;width:100%;height:auto;aspect-ratio:390 / 844;min-width:0;border-radius:24px;overflow:clip;background:var(--tone-ffffff);isolation:isolate}
.live-viewport iframe{position:absolute;inset:0;display:block;width:390px;height:844px;max-width:none;border:0;background:var(--tone-ffffff);transform-origin:top left}
.live-viewport iframe[hidden]{display:none}
.live-toolbar{position:absolute;bottom:13px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--tone-44543a)}
.live-toolbar>span:after{content:" · 本地演示";font-size:9px}
.live-toolbar button{background:none;min-height:32px;padding:0 3px;font-size:10px;color:var(--ink)}
@media(min-width:581px) and (max-width:1100px){.live-exhibit{padding:53px 20px 51px}.live-exhibit .exhibit-label,.live-toolbar{left:16px;right:16px}.live-exhibit:after{font-size:46px}}
@media(max-width:580px){.live-exhibit{width:min(100%,340px);padding:52px 18px 49px;margin-inline:0}.live-exhibit .exhibit-label{top:17px;left:17px;right:17px;font-size:8px}.live-window{width:min(264px,100%)}.live-toolbar{left:17px;right:17px;bottom:9px;font-size:9px}.live-exhibit:after{font-size:50px;left:12px}.live-exhibit .exhibit-circle{width:290px;height:290px;left:-100px;top:150px}}
/* Text fitting only: the approved product layers and section grids stay fixed. */
.hero h1{font-size:clamp(46px,4.1vw,60px);line-height:1.08}
@media(max-width:850px){.hero h1{font-size:44px}}
@media(max-width:580px){.hero h1{font-size:38px;line-height:1.06}.guide-copy h2{font-size:clamp(25px,6.8vw,31px)}.experience .section-head h2{font-size:clamp(30px,8vw,37px)}}
@media(max-width:359px){.hero h1{font-size:34px}.generation-copy h2{font-size:30px}}
/* Stable customer entry: its box never moves or changes size on hover. */
.support-fab{position:fixed;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:25;width:52px;min-width:52px;height:56px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--tone-eccbb252);border-radius:14px;background:var(--wine);color:var(--paper);box-shadow:0 5px 14px var(--tone-401d2c24);transition:background 160ms,box-shadow 160ms;isolation:isolate}
.support-fab svg{width:26px;height:26px;stroke:var(--peach);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform 160ms}.support-badge{font-size:7px;line-height:1.1;letter-spacing:.1em;color:var(--tone-e8b99e)}
.support-label{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:10px 14px;background:var(--wine);border:1px solid var(--tone-eccbb252);border-radius:9px;box-shadow:0 4px 12px var(--tone-401d2c1a);white-space:nowrap;font-size:11px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms,visibility 160ms}
.support-label small{display:block;color:var(--tone-e8b99e);font-size:8px;margin-top:2px}.support-fab:hover{background:var(--tone-6a2936);box-shadow:0 7px 18px var(--tone-401d2c33)}.support-fab:active svg{transform:scale(.92)}
@media(hover:hover) and (pointer:fine){.support-fab:hover .support-label{opacity:1;visibility:visible}}
.support-fab:focus-visible .support-label{opacity:1;visibility:visible}
body:has(#modal[open]) .support-fab,body:has(#navigation.is-open) .support-fab{visibility:hidden;pointer-events:none}
@media(max-width:580px){.support-fab{right:10px;bottom:calc(16px + env(safe-area-inset-bottom));width:48px;min-width:48px;height:52px;border-radius:13px}.support-fab svg{width:24px;height:24px}.support-label{display:none}}
/* A two-sided archive: chronological screenshots, one focused version. */
.evolution{border-bottom:1px solid var(--line)}.evolution .section-intro{max-width:380px}.evolution-kind{margin-bottom:30px;border-color:var(--tone-cbb5a6)}.evolution-kind button[aria-selected="true"]{background:var(--wine)}
.evolution-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:45px;align-items:center}.evolution-copy{min-width:0}.evolution-overline{font-size:10px;color:var(--accent);display:block;margin-bottom:28px}
.version-rail{display:flex;position:relative;gap:0;margin-bottom:30px}.version-rail:before{content:"";position:absolute;left:12px;right:12px;top:6px;height:1px;background:var(--tone-cbb5a6)}.version-rail button{flex:1;position:relative;text-align:left;background:none;padding:0 6px 8px 0;min-height:76px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--muted)}.version-dot{display:block;width:13px;height:13px;border:1px solid var(--tone-b29b8b);background:var(--paper);border-radius:50%;margin-bottom:7px}.version-rail .mono{font-size:9px}.version-rail b{font-size:11px;font-weight:500}.version-rail button[aria-selected="true"]{color:var(--wine)}.version-rail button[aria-selected="true"] .version-dot{background:var(--wine);border-color:var(--wine);box-shadow:0 0 0 4px var(--tone-401d2c0b)}.version-rail button:last-child .version-dot{border-color:var(--accent)}
.version-status{font-size:10px;color:var(--accent);margin-bottom:12px}.evolution-copy h3{font-size:28px;line-height:1.4}.evolution-copy #version-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:17px;min-height:69px;max-width:310px}.evolution-copy .text-link{margin-top:16px}.evolution-service{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:33px;font-size:12px;line-height:1.9;color:var(--wine)}.evolution-service>span{font:25px/1 Outfit,sans-serif;color:var(--accent)}.evolution-service b{font-weight:500}
.evolution-archive{display:flex;align-items:flex-end;justify-content:center;gap:16px;position:relative;min-width:0;padding:28px 18px 48px;isolation:isolate;height:720px;min-height:0;background:var(--tone-e9dfd4)}.evolution-archive:before{content:"";position:absolute;inset:34px 20px 36px;border:1px solid var(--tone-d5c4b4);z-index:-1}.archive-line{position:absolute;left:25px;right:25px;bottom:75px;height:1px;background:var(--tone-b69e89);z-index:-1}.version-frame{margin:0;width:23%;min-width:0;flex-shrink:0;position:relative;align-self:center;transition:width 220ms var(--ease-out),transform 220ms var(--ease-out);transform:translateY(12px)}.version-frame:nth-of-type(1){transform:translateY(20px) rotate(-4deg)}.version-frame:nth-of-type(2){transform:translateY(-5px) rotate(-2deg)}.version-frame.is-selected{width:34%;max-width:280px;transform:translateY(-10px);z-index:2}.version-frame>button{display:block;width:100%;padding:4px;background:var(--paper);border:1px solid var(--tone-cbb5a6);border-radius:8px;box-shadow:0 12px 20px var(--tone-401d2c15);overflow:visible}.version-frame.is-selected>button{border-color:var(--wine);box-shadow:0 16px 28px var(--tone-401d2c20)}.version-frame img{width:100%;height:auto;object-fit:contain;border-radius:4px}.version-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;font-size:9px;color:var(--muted)}.version-frame figcaption .mono{font-size:9px}.version-frame.is-current figcaption{color:var(--wine)}.version-frame figcaption b{display:inline-block;font-weight:500;font-size:8px;background:var(--wine);color:var(--paper);padding:3px 5px;margin-left:5px}.archive-caption{position:absolute;bottom:17px;right:20px;color:var(--tone-896851);font-size:8px}.evolution-note{font-size:10px;color:var(--muted);margin-top:20px}.history-full{display:flex;justify-content:center;background:var(--soft);padding:18px;margin-top:22px}.history-full img{width:340px;max-width:100%;height:auto;object-fit:contain}.history-dialog-controls{display:flex;gap:18px;justify-content:space-between;margin-top:18px}.history-dialog-controls button{font-size:12px}
@media(max-width:1100px){.evolution-layout{gap:25px;grid-template-columns:minmax(210px,.75fr) minmax(0,1.4fr)}.evolution-archive{height:620px;min-height:0;padding:28px 10px 45px;gap:10px}.evolution-copy h3{font-size:24px}.version-frame{width:24%}.version-frame.is-selected{width:36%}.version-frame figcaption{font-size:8px;gap:4px}.version-frame figcaption b{margin-left:0}.evolution-service{font-size:11px}}
@media(max-width:850px){.evolution-layout{grid-template-columns:1fr}.evolution-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.evolution-overline{grid-column:1 / 3;margin-bottom:22px}.version-rail{grid-column:1;grid-row:2;align-self:start}.evolution-service{grid-column:1;grid-row:3;margin-top:0;align-self:start}#version-panel{grid-column:2;grid-row:2 / 4}.evolution-archive{height:660px;min-height:0;padding:28px 25px 48px}.version-frame{max-width:165px}.version-frame.is-selected{max-width:245px}.evolution-copy #version-description{min-height:0}}
@media(max-width:580px){.evolution .section-head h2{font-size:34px}.evolution .section-intro{font-size:11px;max-width:none}.evolution-kind{display:flex;width:100%;margin-bottom:25px}.evolution-kind button{flex:1;font-size:11px}.evolution-layout{gap:23px}.evolution-copy{display:flex;flex-direction:column}.evolution-overline{font-size:8px;margin-bottom:17px}.version-rail{width:100%;margin-bottom:21px}.version-rail button{min-height:70px}.evolution-copy h3{font-size:24px}.evolution-copy #version-description{font-size:11px;margin-top:12px;max-width:none;min-height:42px}.evolution-copy .text-link{font-size:11px;margin-top:7px}.evolution-service{font-size:11px;margin-top:23px;padding-top:19px}.evolution-archive{height:auto;min-height:0;padding:24px 18px 45px}.version-frame{display:none}.version-frame.is-selected{display:block;width:min(240px,100%);max-width:240px;transform:none}.version-frame figcaption{font-size:10px}.version-frame figcaption .mono{font-size:9px}.version-frame figcaption b{margin-left:6px}.evolution-note{font-size:9px;line-height:1.8}.history-full{padding:10px}.history-dialog-controls button{font-size:10px}}
.archive-controls{display:none}
@media(max-width:580px){.evolution-archive{padding-bottom:80px}.archive-caption{display:none}.archive-controls{position:absolute;bottom:15px;left:18px;right:44px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--tone-cbb5a6);padding-top:9px}.archive-controls button{background:none;min-height:44px;font-size:10px;padding:0 4px}.archive-controls button:disabled{opacity:.35}.archive-controls span{font-size:9px;color:var(--accent)}}
@media(max-width:359px){.version-frame.is-selected{width:min(210px,100%)}}

/* Independent mobile archives. A clear right lane keeps the fixed support entry off the slides. */
.mobile-evolution{display:none}
@media(max-width:580px){
  .evolution>.evolution-kind,.evolution>.evolution-layout{display:none}
  .mobile-evolution{display:block}
  .mobile-history+.mobile-history{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}
  .mobile-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
  .mobile-history-head p{font-size:8px;color:var(--accent);margin-bottom:7px}
  .mobile-history-head h3{font-size:23px;color:var(--wine)}
  .mobile-history-head h3 span{display:block;font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--muted);margin-top:4px}
  .mobile-history-hint{font-size:10px;color:var(--muted);white-space:nowrap;margin-bottom:4px}
  .mobile-history-lane{margin-right:48px;--slide-width:clamp(180px,calc(100vw - 165px),232px)}
  .mobile-history-track{display:flex;gap:16px;padding:8px calc((100% - var(--slide-width))/2) 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}
  .mobile-history-track::-webkit-scrollbar{display:none}
  .mobile-history-card{flex:0 0 var(--slide-width);width:var(--slide-width);margin:0;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
  .mobile-history-image{width:100%;display:block;position:relative;border:1px solid var(--tone-cbb5a6);border-radius:7px;padding:4px;background:var(--paper);transition:border-color 180ms ease;touch-action:pan-x pan-y pinch-zoom}
  .mobile-history-card.is-active .mobile-history-image{border-color:var(--wine)}
  .mobile-history-image img{width:100%;height:auto;border-radius:3px;object-fit:contain}
  .mobile-history-zoom{position:absolute;right:8px;bottom:8px;width:26px;height:26px;display:grid;place-items:center;background:var(--wine);color:var(--paper);border-radius:50%;font-size:16px}
  .mobile-history-card figcaption{padding-top:12px;min-height:103px}
  .mobile-history-card figcaption>div{display:flex;align-items:center;gap:8px;color:var(--wine)}
  .mobile-history-card figcaption .mono{font-size:10px}
  .mobile-history-card h4{margin:0;font-size:13px;font-weight:600}
  .mobile-history-card figcaption b{font-size:8px;font-weight:500;letter-spacing:.08em;padding:3px 6px;background:var(--wine);color:var(--paper);margin-left:auto}
  .mobile-history-card figcaption p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:7px}
  .mobile-history-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:12px;margin-top:3px}
  .mobile-history-controls button{width:44px;height:44px;background:none;font-size:22px;color:var(--wine)}
  .mobile-history-controls button:disabled{opacity:.25}
  .mobile-history-position{font-size:10px;color:var(--muted)}
  .mobile-evolution>.evolution-service{margin-top:23px;margin-right:48px}
  dialog.history-lightbox{width:100%!important;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;overflow:hidden;box-shadow:none}
  .history-lightbox .modal-head{height:54px}
  .history-lightbox #modal-content{height:calc(100dvh - 54px);padding:14px 16px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
  .history-lightbox .modal-title{font-size:17px;margin:0;flex-shrink:0}
  .history-lightbox .modal-lead,.history-lightbox .tour-note{display:none}
  .history-lightbox .history-full{margin:0;padding:0;min-height:0;flex:1;background:transparent;overflow:hidden;touch-action:pan-y pinch-zoom}
  .history-lightbox .history-full img{width:auto;height:100%;max-width:100%;object-fit:contain}
  .history-lightbox .history-dialog-controls{margin:0;flex-shrink:0;gap:20px}
  .history-lightbox .history-dialog-controls button{min-height:44px;font-size:12px}
}

.purchase-plan-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.purchase-plan-options button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:10px 12px;text-align:left;border:1px solid var(--line);background:transparent;font-size:11px}.purchase-plan-options button[aria-pressed="true"]{background:var(--wine);color:var(--paper);border-color:var(--wine)}.purchase-plan-options b{font:700 17px Outfit,sans-serif;white-space:nowrap}@media(max-width:580px){.purchase-plan-options button{font-size:9px;padding:9px 8px;gap:4px}.purchase-plan-options b{font-size:15px}}