:root{--paper:#f5f3ed;--ink:#19221e;--muted:#59615b;--line:#d9ddd4;--orange:#ca3e0c;--green:#245d43;--cream:#fff8ed}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #26724e;outline-offset:5px}button{color:inherit}svg{display:block}h1,h2,h3,p{margin:0}button:disabled{cursor:default}.wrap{max-width:1320px;margin:auto;padding:0 48px}.review{background:#e7e8dd;text-align:center;font-size:11px;font-weight:650;letter-spacing:.08em;padding:7px 16px;color:#3f4840}.review span{font-weight:400;letter-spacing:0;margin-left:10px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:8px}.brand img{width:70px;height:54px;object-fit:contain}.wordmark{font-size:20px;font-weight:850;letter-spacing:-.8px}.wordmark small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:1px}.nav nav{display:flex;gap:28px;font-size:13px;font-weight:600}.nav-actions{display:flex;align-items:center;gap:24px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:12px 23px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:6px;font-weight:650;font-size:14px}.button:hover{background:#35473c}.button.orange{background:var(--orange);border-color:var(--orange)}.button.orange:hover{background:#b53508}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.arrow{font-size:23px;line-height:1}.hero{padding:32px 0 32px;display:grid;grid-template-columns:1.03fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.hero h1{font-size:clamp(62px,6.6vw,92px);line-height:.99;letter-spacing:-5px;font-weight:800;margin:25px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.6;max-width:420px;color:var(--muted)}.hero-copy>p strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;align-items:center;gap:24px;margin:29px 0 19px}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid #9baba0;padding:8px 0}.hero-note{font-size:11px;color:var(--muted)}.product-stage{position:relative;padding:0 0 0 14px}.stage-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 0 14px}.stage-caption b{color:var(--ink)}.app{background:white;border-radius:13px;border:1px solid #ccd3c9;box-shadow:0 22px 50px #253b2520;position:relative;overflow:hidden}.app-bar{background:var(--ink);color:white;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.app-bar b{letter-spacing:1px}.app-bar span{font-size:10px;color:#d5e2d6}.app-main{padding:20px}.customer{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.customer h3{font-size:19px;letter-spacing:-.6px}.customer p{font-size:11px;color:var(--muted);margin-top:2px}.avatar{border-radius:50%;background:#f0f2eb;width:38px;height:38px;display:grid;place-items:center;font-size:12px;font-weight:650}.steps{display:flex;gap:4px;margin:20px 0 22px}.steps button{flex:1;min-width:0;border:0;background:#f0f2eb;border-radius:5px;padding:9px 2px;min-height:44px;color:#526257;font-size:11px}.steps button.active{background:var(--orange);color:white;font-weight:700}.steps button.done{background:#dfede3;color:var(--green)}.workspace{min-height:170px}.section-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.workspace h4{font-size:22px;letter-spacing:-.6px;margin:5px 0 12px}.sample-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ece5;font-size:12px}.sample-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.total{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-top:15px}.total b{font-size:20px;letter-spacing:-.6px}.app-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-footer>span{font-size:10px;color:var(--muted);max-width:150px}.app-footer .button{font-size:12px;min-height:43px;padding:9px 15px;gap:14px}.signature{padding:14px 0;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-style:italic;font-size:27px;color:#344d3e}.proof{background:#edf4ee;padding:16px;border-radius:7px;font-size:12px;color:var(--green)}.proof strong{display:block;margin-bottom:7px}.receipt{background:#f7f6f1;padding:14px;border-left:2px solid var(--orange);font-size:12px}.receipt p{margin:4px 0}.stage-bottom{display:flex;justify-content:space-between;align-items:center;margin:19px 0 0;font-size:10px;color:var(--muted)}.stage-bottom b{color:var(--ink);font-size:13px}.rail{background:var(--ink);color:#e9efe7}.rail .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:24px;gap:26px}.rail article{border-right:1px solid #4b564d}.rail article:last-child{border:0}.rail small{display:block;font-size:9px;color:#abbcae;letter-spacing:1.5px;margin-bottom:4px}.rail b{font-size:13px;font-weight:500}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:17px 0 36px}.section h2{font-size:clamp(36px,4vw,52px);line-height:1.06;letter-spacing:-2px;font-weight:750}.section-heading p{max-width:340px;color:var(--muted);font-size:15px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefits article{border-top:1px solid var(--ink);padding-top:22px}.number{font-size:11px;color:var(--orange);font-weight:750}.benefits h3{font-size:21px;letter-spacing:-.5px;margin:16px 0 10px}.benefits p{font-size:14px;color:var(--muted);line-height:1.7}.benefits .micro{display:block;margin-top:19px;color:var(--green);font-size:11px;font-weight:650}.industries{background:#e9ece2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.industry-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.industry-tabs{display:flex;gap:9px;margin:25px 0}.industry-tabs button{min-height:46px;padding:9px 17px;border:1px solid #adb9ac;border-radius:5px;background:transparent;font-size:13px}.industry-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.industry-copy{font-size:16px;color:var(--muted);max-width:440px;line-height:1.7}.industry-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.industry-tags span{font-size:11px;border-bottom:1px solid #a8b7a7;padding:5px 0;margin-right:13px}.catalog{background:#f9faf5;padding:28px;border:1px solid #c2cbbb;border-radius:9px}.catalog-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:18px}.catalog-title{display:flex;gap:25px;align-items:center;margin:25px 0}.product-art{width:100px;height:116px;display:grid;place-items:center;background:#e9eee1;border-radius:9px;flex-shrink:0}.bottle{width:35px;height:77px;background:#acc5a2;border:2px solid #5c7d52;border-radius:6px 6px 10px 10px;position:relative}.bottle:before{content:"";position:absolute;top:-11px;left:7px;width:17px;height:12px;border-radius:3px 3px 0 0;background:#56754e}.bottle:after{content:"CITRUS";position:absolute;top:29px;left:-3px;width:37px;background:#f8f5ce;color:#274b2b;font-size:8px;font-weight:750;text-align:center;padding:5px 0}.catalog-title h3{font-size:22px;letter-spacing:-.5px}.catalog-title p{font-size:12px;color:var(--muted);margin-top:6px}.attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.attributes div{background:#edf0e7;padding:13px 10px;border-radius:4px}.attributes small{font-size:9px;display:block;color:var(--muted);margin-bottom:5px}.attributes b{font-size:12px}.catalog-foot{font-size:10px;color:var(--muted);margin-top:20px}.glasses{width:80px;height:40px;position:relative;border-top:5px solid #222b23}.glasses:before,.glasses:after{content:"";width:34px;height:28px;border:4px solid #222b23;position:absolute;top:-3px;border-radius:6px 6px 14px 14px;background:#b3bcae}.glasses:before{left:0}.glasses:after{right:0}.closing{padding:82px 0 65px}.closing-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:46px}.closing h2{font-size:46px;line-height:1.08;letter-spacing:-2px}.closing p{font-size:15px;color:var(--muted);margin-top:16px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;margin-top:50px}.faq h3{font-size:23px;letter-spacing:-.5px}.faq details{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.faq summary{cursor:pointer;font-weight:600}.faq details p{font-size:13px;margin-top:12px}.footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:14px;max-width:520px;width:calc(100% - 32px);padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10241799;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-top button{width:40px;height:40px;background:white;border:1px solid var(--line);border-radius:50%;font-size:22px}.dialog-top h2{font-size:25px;letter-spacing:-1px}dialog p{font-size:13px;color:var(--muted)}.demo-form{display:grid;gap:15px;margin-top:22px}.demo-form label{font-size:12px;font-weight:600;display:grid;gap:6px}.demo-form input,.demo-form select{width:100%;min-height:46px;background:#fff;border:1px solid #aeb7ab;border-radius:5px;padding:10px;color:var(--ink)}.form-note{font-size:11px!important}.form-result{padding:25px 0}.form-result h3{margin-bottom:12px;font-size:23px}a:hover.text-link{color:var(--orange)}.menu-button{display:none}.orange-rule{display:block;width:36px;height:4px;background:var(--orange);margin-bottom:18px}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:66px}}@media(max-width:1000px){.wrap{padding:0 28px}.nav nav{gap:16px}.nav-actions{gap:15px}.hero{gap:28px}.hero h1{font-size:69px;letter-spacing:-4px}.app-main{padding:18px}.hero-actions{gap:15px}.hero-actions .button{gap:12px;padding:12px 17px}.nav .wordmark small{display:none}.hero-copy>p{font-size:16px}.stage-bottom{font-size:9px}.industry-layout{gap:30px}}@media(max-width:760px){.review{font-size:9px}.review span{display:none}.wrap{padding:0 22px}.nav{height:76px;gap:12px}.nav nav{display:none}.nav .wordmark{font-size:17px}.brand img{width:49px;height:40px}.nav-actions>a{display:none}.nav-actions .button{min-height:43px;font-size:11px;padding:9px 13px;gap:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 36px;gap:35px}.hero h1{font-size:66px;letter-spacing:-3.8px;margin:22px 0}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy>p{font-size:16px;max-width:360px}.hero-actions{margin-top:23px;gap:20px}.hero-actions .button{font-size:13px;min-height:50px}.text-link{font-size:12px}.hero-note{font-size:10px}.product-stage{padding:0}.app-main{padding:19px}.stage-bottom{font-size:10px}.stage-caption{font-size:9px}.rail .wrap{grid-template-columns:1fr 1fr;gap:22px;padding-top:24px;padding-bottom:24px}.rail article:nth-child(2){border:0}.rail b{font-size:11px}.rail small{font-size:8px}.section{padding:57px 0}.section-heading{display:block;margin:20px 0 28px}.section h2{font-size:37px;letter-spacing:-1.6px}.section-heading p{margin-top:20px;font-size:14px}.benefits{grid-template-columns:1fr;gap:28px}.benefits h3{margin-top:9px}.industry-layout{grid-template-columns:1fr;gap:32px}.catalog{padding:22px}.attributes{gap:6px}.closing{padding:58px 0 38px}.closing-box{grid-template-columns:1fr;gap:25px}.closing-box .button{justify-self:start}.closing h2{font-size:38px}.faq{grid-template-columns:1fr;gap:12px;margin-top:35px}.footer{flex-direction:column;gap:6px}.workspace{min-height:187px}.app-footer>span{max-width:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Concept 02 — bold editorial / orange brand field */
:root{--paper:#fff9ef;--ink:#171813;--muted:#5c5b51;--line:#ddd9cd;--orange:#bd390a;--green:#345b36}
.review{background:#171813;color:#fff3df;font-size:9px;letter-spacing:1.5px;padding:6px 14px}.review span{color:#c9c5bb}
header{background:#fff9ef;border-bottom:1px solid #17181322}.nav{height:80px}.brand img{width:72px;height:58px}.wordmark{font-weight:900}.button{border-radius:0;min-height:52px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #171813}.nav-actions .button{background:var(--ink);border-color:var(--ink)}
.hero-shell{position:relative;isolation:isolate;background:#ff5a1f;overflow:hidden;border-bottom:1px solid var(--ink)}.speed-lines:after{content:'P';position:absolute;z-index:-1;right:-50px;top:-170px;font-size:900px;line-height:1;font-weight:900;font-style:italic;color:#ffce7b25;pointer-events:none}.speed-lines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0,transparent 180px,#1718130d 181px,transparent 182px);pointer-events:none}
.hero{grid-template-columns:1fr 1.02fr;gap:70px;padding:38px 0 34px;align-items:center}.hero .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800}.hero .dot{background:var(--ink);border-radius:0}.hero h1{font-size:clamp(80px,8.5vw,122px);line-height:.82;letter-spacing:-7px;font-weight:950;margin:26px 0 25px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:#fff8e9}.hero-copy>p{color:#262316;font-size:17px;line-height:1.5}.hero-copy>p strong{font-weight:800;color:#171813}.hero-actions{margin:23px 0 16px;gap:24px}.hero-actions .button{background:#171813;border-color:#171813;color:#fff9ef;box-shadow:5px 5px 0 #fff3dd}.hero-actions .button:hover{box-shadow:7px 7px 0 #fff3dd}.hero .text-link{border-color:#171813;color:#171813}.hero-note{color:#372619;font-size:10px}
.product-stage{padding:0;animation:arrive .65s ease-out both}.stage-caption{font-size:9px;letter-spacing:1.3px;color:#302117}.stage-caption b{color:#171813;font-weight:800}.app{border:2px solid #171813;border-radius:10px;box-shadow:12px 12px 0 #171813;transform:rotate(-1deg)}.app-bar{background:#171813;padding:14px 18px}.app-main{padding:19px;background:#fffdf7}.customer{padding-bottom:13px}.steps{margin:16px 0}.steps button{border-radius:3px;background:#eeede5;color:#46493e}.workspace{min-height:170px}.workspace h4{font-weight:800}.app-footer{margin-top:14px;padding-top:15px}.app-footer .button{border-radius:3px;box-shadow:none}.app-footer .button:hover{transform:none}.stage-bottom{color:#302117;margin-top:24px}.stage-bottom b{font-size:15px;color:#171813}.avatar{background:#f2e6c7}.app-bar span{color:#dadacc}
.rail{background:#171813;color:#fff9ef}.rail .wrap{padding-top:22px;padding-bottom:22px}.rail small{color:#ff8551;font-size:10px;font-weight:800}.rail b{font-size:14px}.section{padding:92px 0}.section h2{font-size:clamp(38px,4.6vw,63px);font-weight:900;letter-spacing:-2.9px;line-height:.98}.section-heading{align-items:end}.section-heading p{font-size:16px}.benefits{gap:0;border:1px solid #171813}.benefits article{border:0;border-right:1px solid #171813;padding:28px}.benefits article:last-child{border:0}.number{color:#b73206}.benefits h3{font-size:24px;font-weight:800}.benefits .micro{color:#9e2e0d}.industries{background:#efe9db;border-color:#171813}.catalog{border-radius:0;border:1px solid #171813;background:#fff9ef;box-shadow:8px 8px 0 #171813}.industry-tabs button{border-radius:0;border-color:#171813}.industry-tabs button[aria-selected=true]{background:#171813}.product-art{background:#ffdcac}.attributes div{background:#efe9dc}.closing-shell{background:#ff5a1f}.closing h2{font-weight:900;font-size:clamp(42px,5.6vw,76px);line-height:.94;letter-spacing:-3px}.closing p,.footer{color:#38271c}.closing-box,.faq details,.footer{border-color:#17181355}.closing-box .button{background:#171813;border-color:#171813;box-shadow:5px 5px 0 #fff9ef}.orange-rule{background:#171813;width:60px;height:6px}.faq summary{font-weight:750}.footer{font-weight:600}button:focus-visible,a:focus-visible{outline-color:#171813;outline-offset:6px}.app button:focus-visible{outline-color:#c43809}dialog{border:2px solid #171813;border-radius:4px}dialog::backdrop{background:#171813aa}.dialog-top button{flex-shrink:0}.dialog-top h2{font-weight:800}
@keyframes arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:50px;padding-bottom:48px}.hero h1{font-size:122px}}
@media(max-width:1050px){.hero{gap:34px}.hero h1{font-size:92px;letter-spacing:-5px}.nav nav{gap:14px;font-size:12px}.nav-actions{gap:13px}.hero-copy>p{font-size:16px}.app-main{padding:16px}.app{box-shadow:8px 8px 0 #171813}.benefits article{padding:22px}}
@media(max-width:760px){.nav{height:72px}.brand img{width:49px;height:44px}.review{font-size:8px}.hero{padding:32px 0 35px;gap:40px}.hero h1{font-size:clamp(72px,24vw,116px);letter-spacing:-5px;line-height:.82;margin:24px 0}.hero-copy>p{font-size:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-actions{gap:18px;margin-top:25px}.hero-note{font-size:9px;margin-top:20px}.speed-lines:after{font-size:660px;top:140px;right:-170px}.stage-caption{font-size:8px}.app{transform:none;box-shadow:7px 7px 0 #171813}.app-main{padding:16px}.workspace{min-height:180px}.stage-bottom{font-size:9px}.rail b{font-size:11px}.section{padding:56px 0}.section h2{font-size:40px;letter-spacing:-2px}.benefits{display:block}.benefits article{border-right:0;border-bottom:1px solid #171813;padding:24px}.benefits h3{font-size:23px}.catalog{padding:20px;box-shadow:5px 5px 0 #171813}.closing h2{font-size:47px;letter-spacing:-2px}.closing-box .button{margin-top:5px}.faq{gap:20px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-stage{animation:none}.button{transition:none}}

.app-bar{gap:12px}.industry-layout>*{min-width:0}@media(max-width:760px){.app-bar span{display:none}}@media(max-width:360px){.hero-actions{gap:13px}.hero-actions .button{padding:10px 12px}.text-link{font-size:11px}.nav .wordmark{font-size:14px}.brand img{width:37px}.wrap{padding-left:18px;padding-right:18px}}

.industry-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:26px 0 18px}.industry-tabs button{display:flex;align-items:center;gap:9px;text-align:left;min-height:62px;padding:12px;font-size:12px;line-height:1.3}.industry-index{font-size:9px;opacity:.7;align-self:flex-start;margin-top:2px}.industry-arrow{margin-left:auto;font-size:18px}.industry-intro{font-size:12px;color:#61594c;margin-bottom:20px;max-width:440px}.industry-copy{min-height:110px}.product-art svg{width:85px;height:90px;color:#28251c}.catalog-foot{line-height:1.6}.catalog-title>div:last-child{min-width:0}.attributes div{min-width:0}.attributes b{overflow-wrap:anywhere}.industry-layout{align-items:center}.industry-layout .catalog{position:relative}.industry-layout .catalog:before{content:'YOUR CATALOG / IN FOCUS';display:block;font-size:9px;letter-spacing:1.6px;font-weight:800;color:#a52e08;margin-bottom:16px}
@media(max-width:760px){.industry-tabs button{font-size:11px;min-height:64px;padding:10px;gap:6px}.industry-copy{min-height:0}.catalog-title{gap:16px}.product-art{width:76px;height:98px}.product-art svg{width:67px;height:79px}.catalog-title h3{font-size:20px}.catalog-head{font-size:8px;gap:12px}.industry-intro{font-size:11px}.attributes div{padding:10px 7px}.attributes b{font-size:11px}}

.industry-layout{padding-left:48px;padding-right:48px}@media(max-width:1050px){.industry-layout{padding-left:28px;padding-right:28px}}@media(max-width:760px){.industry-layout{padding-left:22px;padding-right:22px}}@media(max-width:360px){.industry-layout{padding-left:18px;padding-right:18px}}

/* Concept 03 — original animated brand + clear commercial journey */
:root{--paper:#fff9ef;--ink:#201710;--orange:#be3c0c;--muted:#65594f;--line:#ded5c8}
.review{background:#100b08;color:#ffb579;border-bottom:1px solid #ff842d24}.review span{color:#c4b7aa}header{background:#100b08;color:#fff6e8;border-bottom:1px solid #ff842d30}.nav{height:82px}.brand img{width:74px;height:62px;filter:drop-shadow(0 0 12px #ff621b45)}.wordmark small{color:#c4b7aa}.nav-actions .button{background:linear-gradient(130deg,#ff9b43,#ff631b);border:1px solid #ff9c54;color:#241104;border-radius:9px;box-shadow:0 5px 25px #ff60182b}.button{border-radius:8px}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff702d33}
.hero-shell{background:radial-gradient(ellipse at 77% 46%,#6e250f66,transparent 54%),linear-gradient(135deg,#080605,#1b0c07 65%,#0d0806);border-bottom:1px solid #ff8a403b;color:#fff4e7}.speed-lines{background-image:linear-gradient(#ff8c3510 1px,transparent 1px),linear-gradient(90deg,#ff8c3510 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(0deg,#000,transparent 95%)}.speed-lines:after{display:none}.hero{grid-template-columns:1fr 1.1fr;gap:12px;padding:46px 0 42px;min-height:600px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#ffad6b;font-size:9px;border:1px solid #d36a2c50;display:inline-flex;padding:9px 11px;border-radius:5px;letter-spacing:1.4px}.hero .dot{background:#ff933c;border-radius:50%;box-shadow:0 0 12px #ff6e1d}.hero h1{font-size:clamp(76px,7.7vw,112px);letter-spacing:-6px;line-height:.87;margin:25px 0}.hero h1 em{color:#ff8b35;background:linear-gradient(140deg,#ffbe6b,#ff6d23 70%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{color:#cfc1b2;font-size:17px;max-width:420px;line-height:1.65}.hero-copy>p strong{color:#fff2df;font-weight:700}.hero-actions{margin:27px 0 22px}.hero-actions .button{background:linear-gradient(130deg,#ff9b43,#ff641c);color:#241104;border:1px solid #ffa75c;box-shadow:0 10px 38px #ff69264d;border-radius:9px}.hero-actions .button:hover{box-shadow:0 14px 45px #ff69266b}.hero .text-link{color:#f7e4cd;border-color:#aa7753}.hero-note{color:#bfae9b;font-size:10px}.brand-cinema{position:relative;isolation:isolate;min-width:0;aspect-ratio:1.05;align-self:center;margin-right:-24px}.cinema-glow{position:absolute;inset:15% 3%;background:radial-gradient(ellipse,#ff6b1838,transparent 65%);filter:blur(20px);z-index:-1}.brand-cinema video{position:absolute;inset:-5% -15%;width:130%;height:110%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.motion-fallback{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 0 35px #ff6a1945);opacity:0}.brand-cinema.static .motion-fallback{opacity:1}.brand-cinema.static video{visibility:hidden}.cinema-caption{position:absolute;bottom:0;left:10px;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d4bda5;font-size:8px;letter-spacing:1.5px}.cinema-caption>span{display:flex;align-items:center;gap:7px}.cinema-caption i{width:5px;height:5px;border-radius:50%;background:#ff9138;box-shadow:0 0 10px #ff9138}.cinema-caption button{background:#21150f;border:1px solid #744222;color:#f5d8bb;border-radius:5px;padding:10px;font-size:10px;min-height:40px;letter-spacing:0}.rail{background:#160d08;border-bottom:1px solid #c6622633}.rail .wrap{padding-top:25px;padding-bottom:25px}.rail article{border-color:#65381e}.rail small{color:#ff9a50}.rail b{color:#e8d4bd;font-size:13px}
.workflow-showcase{background:radial-gradient(ellipse at 85% 40%,#ffe1bb77,transparent 60%),#fff9ef;border-bottom:1px solid #ded5c8}.workflow-layout{padding-top:84px;padding-bottom:84px;display:grid;grid-template-columns:1fr 1.03fr;gap:70px;align-items:center}.workflow-intro h2{font-size:clamp(38px,4.4vw,59px);font-weight:850;line-height:1;letter-spacing:-2.7px;margin:22px 0}.workflow-intro h2 em{font-style:normal;color:#b74410}.workflow-intro>p{max-width:420px;line-height:1.7;color:#65594f;font-size:16px}.workflow-benefits{padding:0;list-style:none;margin:25px 0;display:grid;gap:18px}.workflow-benefits li{display:flex;gap:15px;align-items:start}.workflow-benefits li>span{font-size:10px;color:#b74410;border:1px solid #dfc4ac;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.workflow-benefits b{display:block;font-size:14px}.workflow-benefits small{display:block;font-size:12px;color:#716050;line-height:1.5;margin-top:3px}.workflow-intro .walkthrough-hint{font-size:12px;color:#9a3c14;font-weight:700}.product-stage{animation:none}.app{transform:none;border:1px solid #d1b499;border-radius:16px;box-shadow:0 20px 60px #9c562225}.app-bar{background:#21150e}.app-main{background:#fffdf8}.stage-caption{color:#8b6c53}.stage-caption b{color:#7c431f}.app-footer .button{border-radius:6px}.stage-bottom{color:#8d715c}.stage-bottom b{color:#8c441c}.steps button{background:#f3ede3;color:#705b48}.steps button.active{background:#bd3d0f;color:#fff9ef}.steps button.done{background:#e9ede2;color:#3b5b38}.benefits{border-color:#d9c6b4;border-radius:12px;overflow:hidden}.benefits article{border-color:#d9c6b4}.industries{background:#f2e9dc;border-color:#d9c6b4}.catalog{border-color:#d1b499;border-radius:13px;box-shadow:0 15px 45px #9c56221a}.industry-tabs button{border-color:#cbb59f;border-radius:7px}.industry-tabs button[aria-selected=true]{background:#3a2011;border-color:#3a2011;color:#fff4e3}.closing-shell{color:#fff1df;background:radial-gradient(ellipse at 78% 40%,#66250c66,transparent 60%),#120b07}.closing h2{color:#fff1df}.closing .orange-rule{background:#ff8a35}.closing p,.footer{color:#c3ab94}.closing-box,.faq details,.footer{border-color:#70402470}.closing-box .button{color:#241104;background:linear-gradient(130deg,#ff9b43,#ff641c);border-color:#ffa75c;box-shadow:0 10px 38px #ff692633}.faq summary{color:#f6e6d2}header a:focus-visible,.hero a:focus-visible,.hero button:focus-visible,.cinema-caption button:focus-visible,.closing-shell button:focus-visible{outline-color:#ffb36c}
@media(min-width:1500px){.hero{padding-top:60px;padding-bottom:50px}.hero h1{font-size:112px}}
@media(max-width:1050px){.hero{gap:0;min-height:580px;padding:35px 0}.hero h1{font-size:83px;letter-spacing:-4px}.hero .eyebrow{font-size:8px;letter-spacing:.9px}.brand-cinema{aspect-ratio:.87;margin-right:0}.cinema-caption{flex-direction:column;align-items:flex-end}.hero-copy>p{font-size:16px}.workflow-layout{gap:35px}.workflow-intro h2{font-size:43px}.rail b{font-size:12px}}
@media(max-width:760px){.nav{height:72px}.brand img{width:49px;height:44px}.hero{display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding:0 0 30px}.brand-cinema{grid-row:1;aspect-ratio:1.55;margin:0 -10px;min-height:240px;max-height:310px}.brand-cinema video{inset:0 -7%;width:114%;height:100%;object-fit:contain}.motion-fallback{inset:0 14%;width:72%;height:100%}.cinema-caption{left:10px;right:10px;bottom:0;flex-direction:row;align-items:center;font-size:6px;letter-spacing:1px}.cinema-caption button{font-size:9px;min-height:36px;padding:7px 8px}.hero-copy{padding-top:24px}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(66px,20vw,94px);line-height:.91;letter-spacing:-4.5px;margin:21px 0}.hero h1 span:first-child{display:inline}.hero h1 span:nth-child(2){display:inline;margin-left:.18em}.hero h1 span:first-child,.hero h1 span:nth-child(2){font-size:.68em}.hero-copy>p{font-size:15px;line-height:1.6}.hero-actions{margin:23px 0 20px}.hero-note{font-size:9px}.rail b{font-size:11px}.workflow-layout{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.workflow-intro h2{font-size:40px;letter-spacing:-2px}.workflow-intro>p{font-size:15px}.workflow-benefits{gap:16px}.app{box-shadow:0 12px 35px #9c562222}.catalog{box-shadow:0 12px 35px #9c56221a}.benefits article{border-color:#d9c6b4}.closing h2{font-size:43px}}
@media(max-width:360px){.hero h1{font-size:69px}.brand-cinema{min-height:200px}.hero .eyebrow{font-size:7px}.hero-actions{gap:13px}.cinema-caption>span{font-size:5.5px}}

.brand-cinema video{mask-image:radial-gradient(ellipse 60% 66% at 50% 50%,#000 42%,#000d 60%,transparent 84%)}

.workflow-intro .walkthrough-hint{display:inline-block;font-size:12px;color:#9a3c14;font-weight:700;border-bottom:1px solid #b78b69;padding-bottom:4px}@media(max-width:760px){.hero h1 span:nth-child(2){margin-left:0}.hero h1 span:first-child,.hero h1 span:nth-child(2){letter-spacing:-2.5px}}

/* Concept 04 — complete buyer journey and Pure showcase */
.mobile-section-nav{display:none}.industry-showcase{min-width:0}.industry-demo{margin-top:22px;width:100%;justify-content:space-between;background:#3a2011;border-color:#3a2011;color:#fff4e3;border-radius:8px}.industry-demo:hover{background:#542b14}.industry-demo-note{font-size:11px;color:#7b614c;margin-top:10px;text-align:center}.industry-layout .catalog:before{margin-bottom:12px}.industry-copy{min-height:0}.industry-tabs button{transition:background .16s,border-color .16s}.industry-tabs button:hover{border-color:#9d582e;background:#ead8c4}.industry-tabs button[aria-selected=true]:hover{background:#3a2011}.industry-tabs .industry-arrow{transition:transform .16s}.industry-tabs button:hover .industry-arrow{transform:translate(2px,-2px)}
.pure-section{background:radial-gradient(ellipse at 15% 70%,#f8dfc5,transparent 55%),#fffaf2;border-top:1px solid #dfcdbb}.pure-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center;padding-top:80px;padding-bottom:75px}.pure-story h2{font-size:clamp(40px,4.5vw,60px);font-weight:850;line-height:.98;letter-spacing:-2.7px;margin:22px 0}.pure-story h2 em{font-style:normal;color:#a54114}.pure-story>p{font-size:15px;color:#6e5e50;line-height:1.75;max-width:410px}.pure-portrait{position:relative;isolation:isolate;display:flex;align-items:end;gap:20px;margin-top:18px;min-height:195px}.pure-portrait img{width:180px;height:205px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 18px #8a4a2824)}.pure-halo{position:absolute;z-index:-1;width:180px;height:180px;left:2px;bottom:0;border-radius:50%;background:radial-gradient(circle,#ffdbb6,#f5cba54d 65%,transparent 70%)}.pure-name{padding-bottom:26px}.pure-name b{font-size:18px;letter-spacing:4px}.pure-name span{display:block;font-size:10px;letter-spacing:.3px;color:#84664d;margin-top:4px}.pure-example{border:1px solid #d9bfa7;border-radius:16px;background:#fffdf8;box-shadow:0 20px 60px #7d492618;overflow:hidden}.pure-example-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e6d8c8;padding:23px}.pure-avatar{width:43px;height:43px;background:#322016;color:#ffad64;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:23px}.pure-example-heading b{font-size:18px}.pure-example-heading small{display:block;color:#866e59;font-size:11px;margin-top:2px}.sample-label{font-size:8px;letter-spacing:1px;border:1px solid #deccb8;border-radius:4px;padding:4px 7px;color:#8b6b51;margin-left:auto}.pure-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:20px 23px 0}.pure-prompts button{border:1px solid #d9c4ae;border-radius:30px;background:#fffaf2;color:#6c4d35;padding:9px 13px;min-height:42px;font-size:11px;text-align:left}.pure-prompts button[aria-pressed=true]{background:#3b2214;border-color:#3b2214;color:#fff2df}.pure-prompts button:hover{border-color:#a36235}.pure-answer{padding:25px 23px;min-height:300px}.pure-answer .answer-label{font-size:9px;font-weight:750;letter-spacing:1.4px;color:#a75626}.pure-answer h3{font-size:23px;letter-spacing:-.7px;margin:8px 0 12px}.pure-answer>p{font-size:13px;color:#6e5a48;line-height:1.65}.answer-evidence{margin-top:18px;display:grid;gap:0}.answer-evidence>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #eadbcc;padding:11px 0;font-size:12px}.answer-evidence b{color:#473225}.answer-evidence span{color:#92603a;font-size:11px;text-align:right}.pure-answer .answer-context{font-size:10px;margin-top:13px;color:#88715e}.pure-example-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 23px;border-top:1px solid #e6d8c8;background:#fbf6ed}.pure-example-footer>span{font-size:9px;line-height:1.6;color:#806a57}.pure-example-footer .button{font-size:11px;padding:10px 14px;gap:10px;min-height:44px;flex-shrink:0}.footer a{color:#f2c49e;white-space:nowrap}.footer a:hover{text-decoration:underline}.workflow-showcase,.industries,.pure-section{scroll-margin-top:26px}.workflow-showcase .product-stage{scroll-margin-top:28px}.closing{padding-top:74px;padding-bottom:50px}
@media(max-width:1050px){.pure-layout{gap:35px}.pure-story h2{font-size:44px}.pure-example-footer{flex-direction:column;align-items:stretch}.pure-example-footer .button{align-self:flex-start}.pure-portrait img{width:150px;height:180px}.pure-name span{max-width:100px}.pure-prompts{padding:18px 18px 0}.pure-answer{padding:22px 18px}}
@media(max-width:760px){.mobile-section-nav{display:flex;gap:0;border-top:1px solid #9f582326;padding:0 20px;background:#140d09}.mobile-section-nav a{flex:1;display:flex;justify-content:space-between;gap:8px;padding:11px 12px;font-size:10px;color:#dcc1a6;border-right:1px solid #78402233}.mobile-section-nav a:first-child{padding-left:0}.mobile-section-nav a:last-child{border:0;padding-right:0}.mobile-section-nav span{color:#ec9c5a}.brand-cinema{min-height:210px;max-height:260px}.hero-copy{padding-top:18px}.hero h1{margin-top:17px;margin-bottom:18px}.hero-actions{margin-top:20px;margin-bottom:18px}.hero .eyebrow{padding:8px 10px}.hero-note{margin-top:15px}.pure-layout{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.pure-story h2{font-size:42px;letter-spacing:-2px}.pure-story h2 br:last-child{display:none}.pure-story>p{font-size:14px}.pure-portrait{min-height:150px;margin-top:16px;justify-content:center}.pure-portrait img{height:165px;width:145px}.pure-halo{width:155px;height:155px;left:calc(50% - 135px)}.pure-name{padding-bottom:20px}.pure-name span{max-width:none}.pure-example-heading{padding:18px}.pure-example-footer{padding:18px}.pure-answer{min-height:310px}.pure-example-footer .button{width:100%;align-self:stretch}.pure-example-footer>span{font-size:10px}.industry-demo{min-height:50px;font-size:12px}.industry-demo-note{font-size:10px}.footer{gap:12px}.closing{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.industry-tabs button,.industry-tabs .industry-arrow{transition:none}}

/* Concept 05 — planned POS and replenishment */
.pos-section{background:#fff8ed;border-top:1px solid #dfcbb7;border-bottom:1px solid #dfcbb7;scroll-margin-top:26px}.pos-wrap{padding-top:80px;padding-bottom:80px}.pos-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:38px}.pos-section h2{font-size:clamp(42px,4.8vw,64px);font-weight:850;line-height:.98;letter-spacing:-2.8px;margin-top:20px}.pos-section h2 em{font-style:normal;color:#b34312}.pos-section-heading>p{max-width:370px;font-size:16px;color:#715b46;line-height:1.7}.pos-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.pos-grid article{border:1px solid #dcc0a4;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pos-launch{background:radial-gradient(ellipse at 75% 45%,#e879292c,transparent 65%),#21130c;color:#fff3e0}.pos-connect{background:#fffdf8}.pos-badge{font-size:8px;font-weight:750;letter-spacing:1.2px;color:#9b481b;border:1px solid #dcbea0;border-radius:4px;padding:6px 8px;line-height:1.6}.pos-launch .pos-badge{color:#ffc085;border-color:#9e592d;background:#422211}.pos-grid h3{font-size:32px;letter-spacing:-1.2px;line-height:1.06;margin:22px 0 15px}.pos-grid article>p{font-size:14px;line-height:1.7;color:#75604b}.pos-launch>p{color:#d6bea6!important}.pos-terminal{width:100%;background:#fff9ed;border:1px solid #c99871;border-radius:11px;color:#302117;overflow:hidden;margin:28px 0 15px;transform:perspective(900px) rotateY(5deg);box-shadow:10px 16px 30px #0005}.terminal-bar{background:#3f2516;color:#fff1dc;display:flex;justify-content:space-between;align-items:center;padding:14px}.terminal-bar b{font-size:11px;letter-spacing:1px}.terminal-bar b span{color:#ffb575}.terminal-bar small{font-size:7px;color:#d4b295;letter-spacing:1px}.terminal-body{padding:15px;display:grid;grid-template-columns:1.1fr 1fr;gap:15px}.terminal-products{display:grid;grid-template-columns:1fr 1fr;gap:7px}.terminal-products>div{min-height:82px;background:#f1e3d0;border:1px solid #e5cfb5;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px}.terminal-products span{font-size:8px;text-align:center}.terminal-bottle{width:13px;height:29px;border:2px solid #b97b45;border-radius:3px;background:#dfae73}.terminal-box{width:26px;height:24px;border:2px solid #b77c47;background:#e6bf86}.terminal-bag{width:24px;height:27px;border:2px solid #8e9769;border-radius:4px;background:#c8cfa6}.terminal-products .terminal-plus{font-size:27px;color:#b87843;line-height:29px}.terminal-receipt{padding:4px 0}.terminal-receipt>small{font-size:7px;letter-spacing:.6px;color:#967553}.terminal-receipt p{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:12px 0;border-bottom:1px solid #ead7bf}.terminal-status{background:#bd4a18;color:#fff5e2;border-radius:4px;text-align:center;font-size:8px;padding:10px 5px;margin-top:18px}.pos-grid .pos-footnote{font-size:10px;line-height:1.65;margin:14px 0 24px}.pos-grid .button{margin-top:auto;min-height:48px;width:100%;justify-content:space-between;font-size:12px;gap:10px}.pos-launch .button{background:linear-gradient(135deg,#ffac58,#ff7728);border-color:#ffa85f;color:#281406}.refill-demo{border:1px solid #dfc6ad;background:#faf3e8;border-radius:9px;padding:18px;margin-top:24px;width:100%}.refill-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#98623e}.refill-heading span{letter-spacing:0;color:#8d7965}.refill-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:21px 0;border-bottom:1px solid #dfcbb6}.refill-flow>div{flex:1;min-width:0}.refill-flow small{display:block;font-size:7px;letter-spacing:.7px;color:#8d6848}.refill-flow strong{display:block;font-size:21px;letter-spacing:-.7px;margin:6px 0 3px}.refill-flow span{font-size:8px;color:#8c7259;display:block}.refill-flow>i{font-style:normal;color:#b56c32}.refill-modes{display:flex;gap:6px;margin:17px 0}.refill-modes button{flex:1;border:1px solid #d9bda0;background:#fffaf1;color:#765134;border-radius:5px;font-size:10px;padding:9px 10px;min-height:42px}.refill-modes button[aria-pressed=true]{background:#462713;color:#ffead3;border-color:#462713}.refill-result{min-height:77px}.refill-result>b{font-size:12px}.refill-result>p{font-size:11px;color:#806348;line-height:1.6;margin-top:7px}.nav nav{gap:21px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:1050px){.nav nav{gap:12px;font-size:11px}.pos-grid{gap:16px;grid-template-columns:1fr 1fr}.pos-grid article{padding:23px}.pos-grid h3{font-size:29px}.terminal-body{gap:9px;padding:11px}.refill-demo{padding:13px}.refill-flow strong{font-size:19px}.pos-section-heading{gap:35px}}
@media(max-width:760px){.pos-wrap{padding-top:55px;padding-bottom:55px}.pos-section-heading{display:block;margin-bottom:28px}.pos-section h2{font-size:42px;letter-spacing:-2px}.pos-section-heading>p{margin-top:22px;font-size:14px}.pos-grid{grid-template-columns:1fr;gap:22px}.pos-grid article{padding:24px}.pos-grid h3{font-size:30px}.pos-terminal{transform:none}.pos-grid article>p{font-size:13px}.pos-grid .pos-footnote{font-size:10px}.pos-badge{font-size:7px;letter-spacing:.8px}.refill-flow strong{font-size:20px}.refill-result{min-height:90px}.mobile-section-nav{padding:0 18px}.mobile-section-nav a{padding:11px 8px;gap:4px;font-size:9px}.terminal-products>div{min-height:76px}}
@media(max-width:360px){.pos-grid article{padding:18px}.refill-flow strong{font-size:17px}.refill-flow small{font-size:6px}.refill-flow span{font-size:7px}.pos-grid h3{font-size:28px}.mobile-section-nav a{font-size:8px}.terminal-products>div{min-height:70px}.terminal-body{gap:8px}.terminal-receipt p{font-size:8px}}

/* POS connection concept held back for later review. */
.pos-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.pos-section-heading{display:block;margin:0}.pos-section-heading>p{margin-top:26px}.pos-grid{grid-template-columns:1fr}.pos-grid .pos-terminal{margin-top:24px}.pos-grid .button{margin-top:0}@media(max-width:760px){.pos-wrap{grid-template-columns:1fr;gap:28px}}
.product-peek{scroll-margin-top:24px}.peek-controls{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.peek-controls button{padding:14px 20px;border:1px solid #dcc8b4;border-radius:8px;background:#fffaf3;color:#624b38;font:inherit;font-size:13px;font-weight:700;min-height:46px}.peek-controls button[aria-pressed=true]{background:#2e1c12;color:#fff2dc;border-color:#2e1c12}.peek-controls button:focus-visible{outline:3px solid #d35617;outline-offset:3px}.peek-frame{margin:0;border:1px solid #decbb7;border-radius:14px;background:#fffaf4;overflow:hidden;box-shadow:0 18px 45px #6d3d1110}.peek-bar{padding:17px 22px;border-bottom:1px solid #e0d0be;display:flex;align-items:center;gap:20px;background:#efe6da;color:#66503d;font-size:10px;letter-spacing:1px}.peek-bar>span{display:flex;gap:5px}.peek-bar i{width:7px;height:7px;background:#c5b099;border-radius:50%}.peek-bar small{margin-left:auto;font-size:8px}.peek-image-wrap{padding:26px;min-height:380px;display:flex;align-items:center;justify-content:center;background:#f7f3ed}.peek-image-wrap img{display:block;max-width:100%;height:auto;width:auto;max-height:390px;border:1px solid #e4dbd0;border-radius:8px}.peek-frame figcaption{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e0d0be}.peek-frame h3{font-size:22px;letter-spacing:-.6px}.peek-frame p{font-size:14px;color:#78634f;margin-top:7px;line-height:1.6}.peek-frame figcaption>span{white-space:nowrap;font-size:11px;font-weight:750;color:#a94c1d}.peek-note{font-size:10px;color:#816f5d;line-height:1.6;margin-top:15px}@media(max-width:760px){.peek-controls{gap:7px}.peek-controls button{padding:12px 10px;font-size:11px;flex:1 1 140px}.peek-bar{padding:12px;gap:9px;font-size:8px}.peek-bar small{font-size:6px}.peek-image-wrap{padding:10px;min-height:0}.peek-image-wrap img{width:100%;max-height:none}.peek-frame figcaption{padding:19px;gap:14px}.peek-frame h3{font-size:20px}.peek-frame p{font-size:12px}.peek-note{font-size:9px}}
/* Responsive header: compact before its labels can wrap. */
.site-header{position:relative;z-index:10}.site-header .nav{height:84px;gap:26px;padding-left:40px;padding-right:40px;max-width:1440px}.site-header .brand{flex:0 0 auto;gap:11px}.site-header .brand img{width:58px;height:52px;flex-shrink:0}.site-header .wordmark{font-size:22px;line-height:1.1;white-space:nowrap;letter-spacing:-.7px}.site-header .wordmark small{font-size:6px;letter-spacing:1.3px;line-height:1.5;margin-top:7px;white-space:nowrap}.site-header .nav>nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto;font-size:13px;white-space:nowrap}.site-header .nav>nav>a{display:flex;align-items:center;gap:6px;min-height:44px;color:#e8d9c9}.site-header .nav>nav>a:hover,.site-header .client-link:hover{color:#ffad67}.soon-label{display:inline-block;border:1px solid #8c5d36;border-radius:4px;padding:2px 5px;color:#e5aa79;font-size:8px;font-weight:650;letter-spacing:.5px;white-space:nowrap}.site-header .nav-actions{display:flex;align-items:center;flex:0 0 auto;gap:23px;white-space:nowrap}.site-header .client-link{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.site-header .nav-actions .button{min-height:44px;height:44px;padding:0 18px;font-size:13px;gap:16px;white-space:nowrap;flex-shrink:0;border-radius:8px;box-shadow:none}.site-header .compact-menu{display:none}.compact-panel a:focus-visible,.compact-menu summary:focus-visible{outline:2px solid #ffac65;outline-offset:4px}
@media(max-width:1100px){.site-header .nav{height:76px;gap:20px;padding-left:28px;padding-right:28px}.site-header .nav>nav{display:none}.site-header .nav-actions{margin-left:auto}.site-header .client-link{display:none}.site-header .compact-menu{display:block;flex:0 0 auto}.compact-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #65432d;border-radius:8px;min-height:44px;padding:0 13px;color:#f0dfce;font-size:13px;cursor:pointer}.compact-menu summary::-webkit-details-marker{display:none}.compact-menu[open] summary{background:#352014;border-color:#ae6838}.site-header .compact-panel{display:grid;gap:0;position:absolute;top:100%;left:0;right:0;padding:15px 28px 24px;background:#160e09;border-bottom:1px solid #6d4429;box-shadow:0 16px 25px #0005;font-size:14px}.compact-panel>a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;border-bottom:1px solid #63442e66;color:#f0dfce}.compact-panel>a:hover{color:#ffb475}.compact-panel>a>span{color:#d9955e}.compact-panel .compact-demo{display:none}}
@media(max-width:600px){.site-header .nav{height:72px;padding-left:20px;padding-right:20px;gap:12px}.site-header .brand img{width:46px;height:46px}.site-header .wordmark{font-size:19px}.site-header .wordmark small{display:none}.site-header .nav-actions{display:none}.site-header .compact-menu{margin-left:auto}.compact-menu summary{min-width:44px;padding:0 10px}.compact-menu summary>span{display:none}.site-header .compact-panel{padding:8px 20px 20px}.compact-panel .compact-demo{display:flex;justify-content:space-between;min-height:48px;margin-top:17px;background:linear-gradient(130deg,#ff9b43,#ff631b);color:#241104;border-color:#ff9c54}.review{font-size:8px;padding:6px 12px}}

.demo-screen{width:100%;background:#fff;color:#28221d;border:1px solid #e4dbd0;border-radius:12px;overflow:hidden;font-family:Arial,sans-serif}.demo-screen small{font-size:11px;font-weight:600;color:#756d64}.demo-screen h3{font-size:23px;line-height:1.25;margin:9px 0;letter-spacing:-.5px}.demo-screen p{font-size:13px;margin:6px 0;line-height:1.5;color:#655c53}.demo-heading{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.demo-pill{display:inline-block;border:1px solid #ded6cd;border-radius:30px;padding:5px 10px;white-space:nowrap;font-size:11px;color:#675c51}.demo-actions,.demo-tabs{padding:16px 28px;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e7e0d8}.demo-actions span{padding:11px 17px;border:1px solid #d9cdc2;border-radius:8px;font-size:14px}.demo-actions .demo-primary{background:#c4490b;color:#fff;border-color:#c4490b}.demo-tabs{gap:26px;font-size:14px}.demo-tabs b{color:#bd470e}.demo-stats{display:flex;gap:20px;padding:28px}.demo-stats>div{flex:1;background:#faf7f3;padding:20px;border-radius:9px;border:1px solid #ebe3d9}.demo-stats strong{display:block;font-size:28px;margin-top:12px}.demo-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:24px;border-bottom:1px solid #e5ded5}.demo-search{border:1px solid #d9cdc2;padding:15px;border-radius:9px;font-size:16px;margin-top:10px;color:#756a60}.demo-product{display:flex;gap:22px;padding:25px;align-items:center;border-bottom:1px solid #e5ded5}.demo-product:last-child{border:0}.demo-box{width:80px;height:90px;background:#f5eee5;border:1px solid #e3d5c4;display:grid;place-items:center;border-radius:14px;font-size:38px;color:#6c5a46;flex-shrink:0}.demo-description{flex:1}.demo-description h3{font-size:20px}.demo-quantity{display:flex;gap:7px;align-items:center;font-size:13px}.demo-quantity>*{padding:12px;border:1px solid #ded5cb;border-radius:7px}.demo-quantity b{background:#c4490b;color:#fff;border-color:#c4490b}
@media(max-width:760px){.demo-heading{padding:18px;flex-wrap:wrap}.demo-screen h3{font-size:19px}.demo-actions,.demo-tabs{padding:14px;gap:10px;font-size:11px}.demo-actions span{font-size:12px;padding:9px 12px}.demo-stats{padding:14px;gap:10px;flex-wrap:wrap}.demo-stats>div{min-width:120px;padding:13px}.demo-stats strong{font-size:22px}.demo-toolbar{padding:14px;gap:12px;grid-template-columns:1fr}.demo-search{font-size:13px;padding:12px}.demo-product{padding:16px;gap:12px;flex-wrap:wrap}.demo-box{width:46px;height:60px;font-size:26px}.demo-description{min-width:180px}.demo-description h3{font-size:17px}.demo-description p{font-size:11px}.demo-quantity{width:100%;justify-content:flex-end;font-size:11px}.demo-quantity>*{padding:10px}}

/* Concept 09 — full-throttle challenger identity. */
.hero-shell{background:radial-gradient(ellipse at 88% 43%,#ed58144a,transparent 49%),radial-gradient(ellipse at 44% 100%,#62220855,transparent 55%),#090705;border-bottom:0}.hero-shell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#ffb25a,#ff4d12 60%,#ffb25a);box-shadow:0 0 34px #ff792c88}.speed-lines{background:repeating-linear-gradient(153deg,transparent 0,transparent 104px,#ff8d281a 105px,transparent 106px,transparent 210px);mask-image:linear-gradient(90deg,transparent 10%,#000 70%)}.hero{grid-template-columns:1.03fr 1fr;min-height:650px;padding:48px 0 44px;gap:0}.hero .eyebrow{border:0;border-radius:0;padding:0;color:#ffb779;font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(78px,8.4vw,121px);font-weight:950;letter-spacing:-6px;line-height:.84;margin:30px 0 27px}.hero h1 span,.hero h1 em{display:block!important;font-size:1em!important;margin:0!important;letter-spacing:inherit!important}.hero h1 span:first-child{color:#fff3df}.hero h1 span:nth-child(2){color:#fff3df}.hero h1 em{background:linear-gradient(105deg,#ffc26c 8%,#ff832d 45%,#ff4b16);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;letter-spacing:-7px!important;padding-right:14px;filter:drop-shadow(0 5px 26px #ff671a25)}.hero-copy>p{font-size:16px;line-height:1.65;color:#d2c0af;max-width:470px}.hero-copy>p strong{display:inline-block;color:#fff3df;font-size:17px;margin-bottom:5px}.hero-actions{margin:26px 0 21px;gap:25px}.hero-actions .button{min-height:56px;font-size:15px;padding:14px 24px;border-radius:8px;background:linear-gradient(120deg,#ffb452,#ff6b20);box-shadow:0 6px 32px #ff702a50}.hero .text-link{font-size:13px}.hero-note{font-size:9px;color:#c4aa92;letter-spacing:.3px}.brand-cinema{aspect-ratio:1;margin-right:-25px;transform:rotate(-4deg)}.brand-cinema:before{content:"";position:absolute;inset:15% -10% 16% 0;border:1px solid #ff97393d;border-radius:50%;transform:rotate(-27deg) scaleY(.78);box-shadow:0 0 75px #ff6b1614,inset 0 0 70px #ff68141a;z-index:-1}.brand-cinema:after{content:"";position:absolute;left:3%;right:-8%;height:2px;top:71%;background:linear-gradient(90deg,transparent,#ffb35a 45%,#ff681c,transparent);transform:rotate(-27deg);box-shadow:0 0 18px #ff862866;z-index:-1}.cinema-glow{inset:2% -15%;background:radial-gradient(ellipse,#ff8a233d,#d64b1320 40%,transparent 65%);filter:blur(35px)}.brand-cinema video{inset:-10% -17%;width:134%;height:116%}.cinema-caption{transform:rotate(4deg);bottom:-8px;left:15px;right:18px}.cinema-caption>span{letter-spacing:1.1px;font-size:7px}.hero-copy{animation:challenger-entry .65s ease-out both}.rail{background:linear-gradient(105deg,#ffb252,#ff7828 50%,#ff571b);color:#291407;border:0}.rail .wrap{padding-top:27px;padding-bottom:27px;gap:26px}.rail article{border-color:#6f2c1844}.rail small{color:#642a12;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:7px}.rail b{color:#271306;font-size:17px;letter-spacing:-.5px;font-weight:800}.workflow-intro h2{font-weight:900}.product-peek .eyebrow{color:#9e3c12}.closing-shell{background:radial-gradient(ellipse at 90% 10%,#e65c1533,transparent 65%),#100a07}.closing h2{font-size:clamp(48px,6.5vw,84px);font-weight:950;letter-spacing:-4px;line-height:.95}.closing-box .button{min-height:60px;padding:16px 28px}.closing .orange-rule{width:84px;height:5px}.closing p{font-size:17px;max-width:500px}
@keyframes challenger-entry{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:64px;padding-bottom:60px;min-height:720px}.hero h1{font-size:121px}}
@media(max-width:1050px){.hero{min-height:610px;padding:40px 0}.hero h1{font-size:clamp(70px,8.6vw,90px);letter-spacing:-4.5px}.hero h1 em{letter-spacing:-5px!important}.hero-copy>p strong{font-size:15px}.hero-copy>p{font-size:14px}.hero-actions{gap:17px}.hero .text-link{font-size:11px}.hero-actions .button{font-size:13px;padding:12px 19px}.brand-cinema{margin-right:0}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.rail b{font-size:14px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;min-height:0;padding:30px 0 28px;gap:5px}.hero-copy{padding-top:0;order:0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;padding:0}.hero h1{font-size:clamp(60px,16.9vw,110px);line-height:.84;letter-spacing:-3.5px;margin:26px 0 25px}.hero h1 em{letter-spacing:-4px!important}.hero-copy>p{font-size:14px;max-width:440px}.hero-copy>p strong{font-size:15px}.hero-actions{margin-top:24px;margin-bottom:17px;gap:22px}.hero-actions .button{font-size:13px;min-height:52px}.hero .text-link{font-size:12px}.hero-note{font-size:8px;line-height:1.6;margin-top:0}.brand-cinema{order:1;aspect-ratio:1.7;width:100%;max-height:270px;min-height:190px;margin:5px 0 0;transform:none}.brand-cinema video{inset:-12% -8%;width:116%;height:116%}.brand-cinema:before{inset:6% 2% 17%}.brand-cinema:after{left:8%;right:2%;top:63%}.cinema-caption{transform:none;bottom:0;left:0;right:0}.cinema-caption>span{font-size:6px}.rail .wrap{padding-top:24px;padding-bottom:24px;gap:22px}.rail b{font-size:13px;letter-spacing:-.25px}.rail small{font-size:8px}.closing h2{font-size:46px;letter-spacing:-2.4px}.closing p{font-size:15px}.workflow-intro .eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:360px){.hero h1{font-size:55px}.hero-actions{gap:17px}.hero .text-link{font-size:11px}.hero-copy>p strong{font-size:13px}.hero-note{font-size:7px}.brand-cinema{min-height:175px}.rail b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}}

/* Keep the brand animation in the first viewport on narrow screens. */
@media(max-width:760px){
.hero{padding-top:8px;gap:0}.brand-cinema{order:0;flex:none;aspect-ratio:auto;height:clamp(185px,30vw,225px);min-height:0;max-height:none;width:100%;margin:0 0 16px}.brand-cinema video{inset:-5% -5%;width:110%;height:105%;object-fit:contain}.brand-cinema:before{inset:8% 10% 13%;transform:rotate(-20deg) scaleY(.78)}.brand-cinema:after{left:13%;right:10%;top:65%;transform:rotate(-20deg)}.cinema-caption{bottom:0}.hero-copy{order:1;padding-top:0}.hero h1{font-size:clamp(55px,15.6vw,88px);margin:18px 0 20px;line-height:.9}.hero h1 span:first-child,.hero h1 span:nth-child(2){display:inline!important;font-size:.8em!important;letter-spacing:-3px!important}.hero h1 span:nth-child(2){margin-left:.18em!important}.hero h1 em{margin-top:5px!important}.hero-actions{margin-top:19px;margin-bottom:16px}
}
@media(max-width:360px){.brand-cinema{height:170px}.hero h1{font-size:53px}.hero h1 span:first-child,.hero h1 span:nth-child(2){font-size:.8em!important}.hero-copy>p{font-size:13px}.hero .eyebrow{font-size:7px}}

.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#demo-error{color:#b42318}button:disabled{cursor:wait;opacity:.65}