/* Stack Gate: existing product palette, four distinct reading structures. */
:root{--gold:#f6bb3c;--ink:#292d32;--muted:#626b76;--paper:#fafbfc;--bg:#f2f3f4;--line:#d3d7db;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button{font:inherit}p{font-size:17px;line-height:1.7;margin:0 0 20px}h1,h2,h3{margin:0;font-weight:650;line-height:1.12}h1{font-size:clamp(42px,4.5vw,66px);letter-spacing:-.035em}h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.025em}h3{font-size:23px;line-height:1.3}em{font-style:normal;color:#8b6412}small,.micro{font-size:13px;line-height:1.55;color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex:none}.brand>span{font-size:19px;font-weight:700;letter-spacing:-.03em}.brand small{display:block;font-size:9px;letter-spacing:.07em;font-weight:400;margin-top:5px}.header nav{display:flex;align-items:center;gap:28px;font-size:14px}.header nav>a{text-decoration:none}.header nav>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--gold);border:0;border-radius:10px;text-decoration:none;font-weight:650;font-size:16px;min-height:52px;padding:14px 23px;transition:background .18s,transform .18s}.button:hover{background:#efb02a;transform:translateY(-1px)}.button.small{font-size:14px;min-height:44px;padding:11px 17px}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#15191d}.text-link{font-size:15px;font-weight:600}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:30px 0 16px}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:650;color:#795b20;margin:0 0 22px}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:560px;margin-top:26px}.section{padding-block:100px}.section-heading{margin-bottom:45px}.section-heading>p:not(.eyebrow){max-width:550px;color:var(--muted);margin-top:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:750px;padding-block:65px}.hero-visual{background:#e8ebed;border-radius:20px;overflow:hidden}.browser-top{height:35px;display:flex;align-items:center;gap:5px;padding:0 15px;background:#dfe3e7}.browser-top i{width:6px;height:6px;border-radius:100%;background:#aab2ba}.browser-top span{font-size:10px;margin-left:16px;color:#515b64}.browser-body{position:relative;display:flex;align-items:flex-start;padding:15px 10px 0 18px;background:white;min-height:495px;overflow:hidden;gap:10px}.ghost-page{width:36%;padding-top:25px;font-size:12px}.ghost-page p{font-size:11px;color:var(--muted);line-height:1.5;text-align:center}.upload-symbol{height:130px;display:flex;justify-content:center;align-items:center;border:1px dashed #bfc6cc;border-radius:10px;font-size:42px;color:#b2bac2;margin-block:22px}.ghost-field{height:27px;border:1px solid var(--line);margin-top:12px;border-radius:5px}.ghost-field.short{width:65%}.actual-panel{width:62%;border:1px solid var(--line);border-radius:14px}.visual-label{font-size:11px;padding:15px 18px;color:#59636c}.strip{background:var(--gold)}.strip .wrap{display:flex;justify-content:space-between;padding-block:24px;font-size:17px;font-weight:600}.feature-row{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding:35px 0;border-top:1px solid var(--line)}.feature-row p{margin-bottom:10px;max-width:690px}.proof{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line)}.proof>div>p:not(.eyebrow){margin:25px 0;color:var(--muted)}.proof img{max-height:560px;width:auto;justify-self:center;border:1px solid var(--line);border-radius:18px}.setup{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;margin:0;list-style:none}.step-no{width:38px;height:38px;background:var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:650;margin-bottom:22px}.steps h3{margin-bottom:18px;font-size:21px}.steps p{font-size:15px;color:var(--muted)}.steps a,.step-note{font-size:13px;line-height:1.6;display:inline-block}.steps a{font-weight:600}.setup-note{border-top:1px solid var(--line);padding-top:22px;margin:35px 0 0;font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.questions details{border-top:1px solid var(--line);padding:0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:17px;font-weight:600;padding:25px 0;line-height:1.45}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;flex:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding-right:35px}details small{display:block;margin-bottom:25px}.footer{padding-block:42px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;border-top:1px solid var(--line);align-items:start}.footer p{font-size:13px;color:var(--muted)}.footer>a{font-size:13px}.footer>small{grid-column:1/-1;font-size:11px}.menu-button{display:none}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:var(--gold);padding:15px}.skip:focus{top:10px}:focus-visible{outline:3px solid #986600;outline-offset:4px}section[id],article[id]{scroll-margin-top:35px}
/* Journey: a vertical process, with numbered editorial chapters. */
.variant-2{background:#f5f5f2}.variant-2 .header{border:0}.journey-hero{padding-top:65px}.journey-hero h1{font-size:clamp(44px,6vw,80px);max-width:850px}.journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:24px}.journey-intro .actions{align-self:center}.journey-intro .micro{grid-column:2;margin-top:-65px}.route{margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:35px 0;gap:20px}.route>span{font-size:26px;font-weight:650}.route small{display:block;font-size:13px;font-weight:400;margin-top:8px}.route>b{font-weight:400;font-size:30px;color:#8a9298}.route-brand{display:grid;grid-template-columns:56px 1fr;gap:0 14px;align-items:center}.route-brand img{grid-row:1/3}.route-brand small{grid-column:2}.story-step{display:grid;grid-template-columns:65px 1fr .85fr;gap:35px;padding:65px 0;border-bottom:1px solid var(--line);align-items:center}.story-number{align-self:start;font-size:38px;color:#8c6617}.story-step h2{font-size:37px}.story-step p:not(.eyebrow){margin-top:25px;max-width:550px}.subtle{font-size:14px!important;color:var(--muted)}.snippet{height:340px;overflow:hidden;border-radius:16px;border:1px solid var(--line)}.snippet img{width:100%}.paper{background:white;border:1px solid var(--line);padding:35px;border-radius:15px;display:flex;flex-direction:column;gap:12px;font-size:18px}.paper>span{font-size:28px;color:#936a16}.paper p{font-size:13px;margin:8px 0 0!important}.settings-shot{border-radius:14px}.control-note{padding:35px;background:var(--gold);font-size:24px;line-height:1.6}.variant-2 .setup{background:#e9ecec}.variant-2 .faq{background:transparent}
/* Catalog: desktop contents rail, reading-first feature specification. */
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;align-items:start}.catalog-nav{position:sticky;top:25px;padding-top:45px;display:flex;flex-direction:column;gap:5px}.catalog-nav>p{font-size:10px;color:var(--muted);letter-spacing:.08em}.catalog-nav>a{padding:11px 12px;border-radius:7px;text-decoration:none;font-size:13px}.catalog-nav>a:hover{background:#f7e3af}.aside-note{font-size:11px;color:var(--muted);line-height:1.8;padding:25px 12px}.catalog-hero{padding-block:70px}.catalog-hero h1{font-size:clamp(38px,4vw,57px)}.catalog-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:30px 0;border-block:1px solid var(--line);margin-top:50px}.catalog-overview b{font-size:16px}.catalog-overview p{font-size:13px;margin:12px 0 0;color:var(--muted)}.catalog-feature{display:flex;gap:25px;padding:32px 0;border-top:1px solid var(--line)}.catalog-marker{width:32px;height:32px;background:var(--gold);border-radius:9px;display:grid;place-items:center;flex:none}.catalog-feature h3{margin-bottom:17px}.catalog-feature p{font-size:16px;margin-bottom:10px}.data-note{margin-block:50px;padding:28px;background:#e9edf0;border-radius:13px}.data-note h3{font-size:20px;margin-bottom:12px}.data-note p{font-size:14px;margin:0}.catalog-content .setup{padding:40px;border-radius:15px}.catalog-content .wrap{width:100%}.catalog-content .steps{grid-template-columns:1fr;gap:30px}.catalog-content .steps li{padding-left:60px;position:relative}.catalog-content .step-no{position:absolute;left:0;top:0}.catalog-content .faq{display:block;padding-block:70px}.catalog-content .section-heading h2{font-size:36px}.variant-3 .header{width:min(1300px,calc(100% - 80px))}
/* Compact: yellow masthead and progressive disclosure. */
.variant-4{background:#fff}.variant-4 .header{border:0}.compact-hero{background:var(--gold);padding:65px 0 55px}.compact-hero .eyebrow{color:#57420f}.compact-hero h1{font-size:clamp(54px,7vw,96px);line-height:1.02;letter-spacing:-.04em}.compact-hero h1 span{color:#5b430d}.compact-bottom{display:flex;gap:60px;justify-content:space-between;align-items:flex-end;margin-top:40px}.compact-bottom p{max-width:560px;margin:0;font-size:21px;color:#473c22}.compact-show{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.compact-show h2{font-size:60px;line-height:1.13}.compact-show p:not(.eyebrow){margin-top:28px;max-width:450px}.compact-frame{background:var(--bg);border-radius:18px;padding:25px 40px;height:610px;overflow:hidden}.compact-frame img{width:330px;margin:auto;border:1px solid var(--line);border-radius:15px}.frame-label{font-size:10px;letter-spacing:.08em;margin-bottom:25px;color:var(--muted);text-align:center}.compact-features{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid var(--line)}.dark-note{background:var(--ink);color:white;padding:65px 0}.dark-note>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.dark-note p{font-size:17px;color:#e3e7eb}.dark-note small{color:#bac3cb}.variant-4 .setup{background:#f8f9fa}.variant-4 .faq h2{font-size:40px}
@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 120px))}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header nav{gap:17px}.header nav .button{display:none}.hero{gap:30px}.hero h1{font-size:43px}.hero-visual{align-self:center}.browser-body{min-height:400px}.hero{min-height:650px}.proof{gap:45px}.faq{gap:40px}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.catalog-overview{grid-template-columns:1fr}.compact-show{gap:55px}.compact-frame{padding:25px}.story-step{grid-template-columns:45px 1fr 1fr;gap:20px}.story-step h2{font-size:32px}}
@media(max-width:760px){:root{scroll-padding-top:16px}.wrap,.variant-3 .header{width:calc(100% - 36px)}.header{height:auto;min-height:82px;position:relative;flex-wrap:wrap;gap:0}.brand>span{font-size:17px}.brand img{width:37px;height:37px}.menu-button{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:none;border-radius:9px;min-height:44px;padding:10px 13px;font-size:13px}.header #main-nav{display:none;width:100%}.header #main-nav.open{display:block}.header nav{flex-direction:column;align-items:stretch;gap:0;padding:10px 0 20px}.header nav>a{padding:13px 8px}.hero{display:flex;flex-direction:column;padding-block:42px;gap:38px;min-height:0;align-items:stretch}.hero h1,h1{font-size:40px;letter-spacing:-.03em}.hero .eyebrow{margin-bottom:18px}.lead{font-size:17px;margin-top:22px}.actions{gap:18px;margin-top:25px}.actions .button{min-height:50px}.hero-visual{width:100%}.browser-body{min-height:0;padding:12px 8px 0 14px}.actual-panel{width:61%}.ghost-page{padding-top:15px}.upload-symbol{height:100px}.visual-label{font-size:10px}.strip .wrap{padding-block:20px;gap:12px;flex-direction:column;font-size:15px}.strip span:before{content:'↗';margin-right:12px}.section{padding-block:58px}.section-heading{margin-bottom:30px}h2{font-size:33px}h3{font-size:22px}.feature-row{grid-template-columns:1fr;gap:15px;padding-block:26px}.feature-row p{font-size:16px}.proof{grid-template-columns:1fr;gap:30px}.proof img{max-height:510px;width:auto}.steps{grid-template-columns:1fr;gap:34px}.steps li{padding-left:54px;position:relative}.step-no{position:absolute;left:0;top:0;width:34px;height:34px}.steps h3{font-size:20px;margin-bottom:12px}.steps p{margin-bottom:12px}.faq{display:block}.faq .section-heading{margin-bottom:25px}summary{font-size:16px;padding-block:22px}details p{padding-right:0}.footer{grid-template-columns:1fr;gap:24px;padding-block:35px}.footer>small{grid-column:auto}.footer p{margin:0}.eyebrow{font-size:10px}.journey-hero{padding-top:40px}.journey-hero h1{font-size:43px}.journey-intro{display:block;margin-top:20px}.journey-intro .micro{margin:0}.route{margin-top:35px;padding-block:25px;gap:10px;flex-direction:column;align-items:flex-start}.route>span{font-size:23px}.route>b{font-size:24px;transform:rotate(90deg);align-self:center}.route-brand img{width:44px;height:44px}.route-brand{grid-template-columns:44px 1fr}.story-step{grid-template-columns:36px minmax(0,1fr);gap:18px;padding-block:35px}.story-number{font-size:27px}.story-step h2{font-size:31px}.story-step p:not(.eyebrow){font-size:16px;margin-top:18px}.story-step>:nth-child(3){grid-column:2}.snippet{height:310px;width:min(100%,330px)}.paper{padding:25px;font-size:16px}.control-note{font-size:21px;padding:24px}.catalog-layout{display:block}.catalog-nav{position:static;padding-top:20px;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:10px}.catalog-nav>p,.aside-note{display:none}.catalog-nav>a{white-space:nowrap;background:var(--bg);padding:12px}.catalog-hero{padding-block:35px}.catalog-hero h1{font-size:36px}.catalog-overview{margin-top:32px;gap:24px}.catalog-feature{gap:15px;padding-block:27px}.catalog-feature p{font-size:15px}.catalog-feature h3{font-size:22px}.catalog-content .setup{padding:28px 20px}.catalog-content .steps li{padding-left:46px}.catalog-content .wrap{width:100%}.catalog-content .section-heading h2{font-size:30px}.data-note{padding:22px;margin-block:30px}.compact-hero{padding:40px 0}.compact-hero h1{font-size:clamp(40px,10vw,63px)}.compact-bottom{display:block;margin-top:27px}.compact-bottom p{font-size:18px;margin-bottom:25px}.compact-show{grid-template-columns:1fr;gap:30px}.compact-show h2{font-size:46px}.compact-show p:not(.eyebrow){margin-top:20px;font-size:16px}.compact-frame{height:520px;padding:23px;max-width:420px;width:100%;justify-self:center}.compact-features{display:block}.dark-note{padding-block:45px}.dark-note>.wrap{display:block}.dark-note h2{margin-bottom:25px}.dark-note p{font-size:16px}.variant-4 .faq h2{font-size:32px}.button{font-size:15px;gap:15px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}