/* CRITERNA: an original cinematic identity, with readable working examples. */
:root{--ink:#f5f6f8;--muted:#acb7c5;--paper:#080d15;--white:#101a28;--copper:#d4a17e;--copper-dark:#dfb08e;--line:#253142;--soft:#132032;--section-fade:clamp(72px,10vw,136px);--serif:var(--sans);color-scheme:dark}
.criterion-section,.contact-section{color:#f5f6f8}
html{scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:clip}
::selection{background:#d4a17e;color:#080d15}.container{width:min(1320px,calc(100% - 96px))}
.serif{font-family:var(--sans);font-style:normal;font-weight:inherit;color:#9caec4}
.eyebrow,.mono{font-size:.875rem;letter-spacing:.1em;line-height:1.7;color:#aab8ca}.copper{color:var(--copper)}
.eyebrow{margin-bottom:24px}.skip-link{background:var(--copper);color:#0a111c}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline-color:#e4b28d}
.header{background:#080d15df;border-color:#ffffff0c;transition:background .25s,border-color .25s}
.header.is-scrolled{background:#080d15f5;border-color:#ffffff20}.nav-wrap{height:90px}.brand>span{letter-spacing:.18em;font-size:1.25rem}
.brand img{width:34px;height:34px;padding:4px;background:#f2f0e8;border-radius:8px}.header nav>a{color:#bac6d5;font-size:.875rem}
.header nav>a:hover{color:#fff}.header nav{gap:28px;display:flex}.menu-toggle{display:none}.button{min-height:52px;border-radius:9px;font-size:1rem;padding:16px 24px;font-weight:600;gap:12px;transition:background .2s,transform .2s,box-shadow .2s}
.button-copper,.button-navy,.demo-small-button{background:#d4a17e;color:#101722;border-color:#d4a17e}
.button-copper:hover,.button-navy:hover,.demo-small-button:hover{background:#e5b894;color:#101722;box-shadow:0 7px 30px #bd825a26}
.button-small{font-size:.875rem;min-height:46px;padding:12px 18px}.button-glass,.button-outline{background:#ffffff06;border:1px solid #ffffff2b;color:#f1f4f9}
.button-glass:hover,.button-outline:hover{background:#ffffff0d;border-color:#ffffff50}.button-paper{background:#edf0f4;color:#101722}.button-paper:hover{background:#fff}
.text-link{color:#dfb08e;line-height:1.6;font-size:1rem;min-height:44px}.text-link:hover{color:#f2ccaf}
.hero{position:relative;isolation:isolate;display:block;min-height:790px;padding:115px 0 130px;overflow:visible}
.hero-art{position:absolute;z-index:-1;top:-20px;bottom:0;left:25%;width:calc(75% + 48px);overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 95%,transparent);mask-composite:intersect}
.hero-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:55% center;opacity:.88;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.025);transition:opacity .7s}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d15d9,transparent 48%)}
.hero-copy{position:relative;max-width:740px;z-index:1}.hero h1{font-size:clamp(3.5rem,6.2vw,6.1rem);font-weight:600;letter-spacing:-.062em;line-height:1.06;margin:0 0 32px;text-wrap:balance}
.hero .eyebrow{font-size:.875rem;letter-spacing:.14em;color:#bac7d6}.hero-description{max-width:450px;color:#b8c3d2;font-size:1.125rem;line-height:1.8;margin:0 0 32px}
.hero-actions{gap:13px;flex-wrap:wrap}.hero-footnote{display:block;font-size:.875rem;letter-spacing:.04em;line-height:1.8;color:#ccd3de;margin-top:26px}.hero-footnote strong{color:#e4b28d}.hero-footnote>span{font-size:.875rem;color:#a8b6c9;letter-spacing:0}
.hero-scroll{position:absolute;bottom:33px;left:0;display:flex;gap:20px;align-items:center;color:#acb8c9;font-size:.875rem;min-height:44px}
.scroll-stem{width:70px;height:1px;background:linear-gradient(90deg,#d4a17e,transparent);transform-origin:left;animation:stem-breathe 3s ease-in-out infinite}
@keyframes stem-breathe{50%{transform:scaleX(.7);opacity:.6}}
.experience-section{display:grid;grid-template-columns:.7fr 1.2fr;gap:85px;align-items:center;padding:100px 0 110px;border:0}
.experience-intro h2,.launch-copy h2{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.1;letter-spacing:-.05em;font-weight:550;margin:0 0 25px}
.experience-intro>p:not(.eyebrow),.launch-copy>p:not(.eyebrow){color:#aebccd;font-size:1.0625rem;line-height:1.85;max-width:440px;margin:0 0 25px}
.hero-visual{padding-bottom:0}.visual-topline .mono,.concept-label,.demo-note,.comparison-head .mono{color:#9fadc0;font-size:.875rem;letter-spacing:.025em}.visual-topline{margin-bottom:12px}
.hero-browser{transform:none;border-color:#455266;border-radius:14px;box-shadow:0 28px 80px #0005;color:#24372b;min-height:0}
.browser-bar{background:#1a2638;color:#b9c5d6;border-color:#324056;font-size:.875rem;min-height:42px}.browser-dots i{background:#667487;width:6px;height:6px}
.showcase-switch{justify-content:flex-start;margin:18px 0}.showcase-switch button{font-size:.875rem;background:transparent;color:#9daec4;border-radius:8px;border-color:#ffffff19;padding:10px 16px}
.showcase-switch button[aria-selected=true]{background:#202c3f;color:#fff;border-color:#53627b}
.sample-website{color:#30452f}.sample-nav>span,.sample-words small,.sample-words p,.sample-bottom{font-size:.875rem;color:#53634d}.sample-words h2{font-family:Georgia,serif}
.sample-cta{font-size:.875rem;border-radius:4px}.sample-nav>span{max-width:240px}.sample-content>img{transform:none;border-radius:4px}
.hero-visual .floating-note{background:none;color:#d6deea;border-color:#ffffff21;border-radius:0;border-left:2px solid #d4a17e;padding:8px 18px;margin:22px 0 0}
.floating-note strong{font-size:1rem}.floating-note div>span{color:#9fb0c6;font-size:.875rem}.note-icon{background:#d4a17e13;color:#d4a17e}.concept-label{margin-top:20px;line-height:1.8;font-size:.875rem}
.hero-system-main{background:#101c2c;color:#e8edf5}.system-mini-nav{background:#0a1423}.mini-metrics>div{background:#18263a;border-color:#334056}.mini-metrics span,.hero-system-main>small,.mini-appointment>span,.mini-appointment small{color:#a9b9cf;font-size:.875rem}
.mini-appointment{border-color:#2a3850}.mini-appointment strong{font-size:1rem}.mini-appointment i{font-size:.875rem}.mini-metrics strong{color:#f4f6fa}
.promise-strip{background:transparent;border:0}.promise-items{padding-top:27px;padding-bottom:27px;gap:25px}.promise-items>span{font-size:.875rem;color:#b6c3d6}.promise-items b{color:#d4a17e;font-size:.875rem}.promise-items .strip-signature{color:#a8b9cd;font-size:.875rem}.strip-signature em{font-style:normal;color:#e4b28d;font-size:.875rem}
.section{padding-top:118px;padding-bottom:118px}.section-heading{gap:65px;margin-bottom:60px}.section-heading h2,.faq-layout h2{font-size:clamp(2.35rem,3.6vw,3.75rem);font-weight:550;letter-spacing:-.05em;line-height:1.13}.section-heading>p{color:#b0bdce;font-size:1.0625rem;line-height:1.8;max-width:430px}
.transformation{gap:70px;grid-template-columns:1.2fr 1fr}.comparison{border-color:#455266;border-radius:12px}.comparison-head>span:first-child{font-size:.875rem;color:#b4c3d7}.comparison-divider span{color:#142a3a}.after-site{color:#36463c}.after-layout div>span{font-size:.875rem}.after-layout small,.after-nav span,.after-bottom,.old-menu,.version-label{font-size:.875rem}
.comparison-actions button{color:#bfcbda;border-color:#34445a;border-radius:7px;background:#0c1726;font-size:.875rem}.comparison-actions button[aria-pressed=true]{background:#d4a17e;color:#101722;border-color:#d4a17e}
.pill{background:#d4a17e0d;color:#dfb08e;border-color:#d4a17e4a;font-size:.875rem;border-radius:6px;padding:8px 12px;letter-spacing:.04em}
.transformation-copy h3{font-size:2.125rem;letter-spacing:-.04em;font-weight:550;margin:25px 0}.feature-list li{margin-bottom:26px}.feature-list p{color:#a9b9cd;font-size:1rem}.feature-list strong{font-size:1.0625rem}.feature-list li>span{color:#d4a17e;font-size:.875rem}.demo-note{line-height:1.8}
.project-formats{border-top:0;margin-top:80px;padding-top:42px}.project-formats h3{font-size:1.875rem}.format-tabs{gap:12px}.format-tabs button{color:#c3cfdf;border-color:#34435a;border-radius:8px;font-size:1rem;padding:18px}
.format-tabs button[aria-selected=true]{background:#162336;border-color:#d4a17e;box-shadow:inset 0 -2px #d4a17e}.format-panel p,.format-panel ul{color:#a8b9d0}.format-panel h4{font-size:1.5rem}
.solutions-section{--section-tone:#0d1624}.service-grid{gap:25px}.service{background:#121e2f;border:1px solid #304158;border-radius:16px;padding:42px;min-height:570px}.service-software{background:#111b2a;color:#f5f6f8}
.service-top .mono{font-size:.875rem;color:#a8bbd4}.service h3{font-size:clamp(2.25rem,3.3vw,3rem);font-weight:550;line-height:1.1;letter-spacing:-.05em}.service>p,.service-web>p,.service-software>p{color:#afbed2;font-size:1.0625rem;max-width:430px;line-height:1.8}.service ul{font-size:1rem;color:#d0d9e6;line-height:1.8}.service li:before{content:'';width:5px;height:5px;background:#d4a17e;border-radius:50%;flex-shrink:0}
.service-bottom,.service-software .service-bottom{border-color:#ffffff19;gap:22px}.service-bottom>span{font-size:.875rem;color:#b9c8dc}.round-link,.service-software .round-link{width:auto;min-width:58px;height:46px;border-radius:8px;padding:7px 12px;font-size:.875rem;border-color:#556985;color:#e6d0bd}.round-link:hover,.service-software .round-link:hover{background:#d4a17e15}
.software-demo{gap:65px;grid-template-columns:.75fr 1.4fr}.scenario-tabs button{font-size:1.125rem;border-color:#2b3b50;color:#9fafc6;padding:21px 0}.scenario-tabs span{font-size:.875rem;color:#8292ac}.scenario-tabs b{display:none}.scenario-tabs button[aria-selected=true]{color:#f1f4fa;border-color:#d4a17e}.scenario-tabs button[aria-selected=true] span{color:#d4a17e}.scenario-copy h3{font-size:1.75rem}.scenario-copy p{color:#a5b6cf}
.dashboard{background:#101c2c;border-color:#33445d;border-radius:14px;box-shadow:0 25px 60px #0003}.dashboard-head{background:#142237;border-color:#30435d;padding:19px 25px}.dashboard-head img{padding:2px;background:#f2f0e8;border-radius:4px}.dashboard-head strong{color:#e0e7f0;font-size:1rem}.dashboard-head strong span{color:#95a9c5}.demo-badge{border-color:#455a77;color:#aac0de;font-size:.875rem}.dashboard-body{padding:30px}
.dash-title .mono,.dash-date,.dash-table th,.dash-bottom{color:#a6bbd8;font-size:.875rem}.dash-title h3{font-size:1.875rem}.metric{background:#16263d;border-color:#2f4360;border-radius:8px;padding:19px}.metric>span,.metric small{color:#a7bbd8;font-size:.875rem}.metric strong{font-size:2rem;color:#eef3fa}
.dash-table th,.dash-table td{border-color:#2a3d56}.dash-table td,.dash-table td:first-child,.dash-table td:nth-child(2),.dash-table td:nth-child(3){color:#d0dbee;font-size:.9375rem}.status{background:#223a32;color:#b4ddc0;font-size:.875rem}.status.pending{background:#443624;color:#f1d5a0}.status.progress{background:#233e58;color:#c0d7f1}.dash-table td:before{color:#9fbbda!important}.dash-bottom{margin-top:24px}.demo-small-button{border-radius:7px;font-weight:600;font-size:.875rem}
.criterion-section{--section-tone:#13233a}.criterion{padding-top:110px;padding-bottom:110px}.criterion h2{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:550;letter-spacing:-.05em;max-width:980px}.criterion h2 .serif{color:#e4b28d}.criterion-bottom p{color:#b4c4da;font-size:1.0625rem}.criterion-mark{font-size:28rem;color:#ffffff03}.criterion>.button{margin-top:38px}
.launch-section{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center;padding-top:125px;padding-bottom:125px;border:0}.launch-copy .button{margin-top:5px}.launch-price{border:1px solid #d4a17e4a;border-radius:18px;padding:42px;background:linear-gradient(145deg,#d4a17e0d,#111d2f)}
.launch-price>p:first-child{font-size:.875rem;letter-spacing:.13em;color:#c1cfe0;margin:0 0 5px}.price-line{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}.price-line strong{font-size:clamp(5rem,8vw,7rem);font-weight:500;letter-spacing:-.07em;line-height:1.15;color:#e4b28d}.price-line>span:first-child{font-size:2.5rem;color:#e4b28d}.price-line>span:last-child{font-size:1rem;margin-left:10px;color:#a9bbd2}.payment-parts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;font-size:.9375rem;color:#a9bbd0}.payment-parts b{display:block;font-size:1.5rem;color:#e9eef6;font-weight:550;margin-bottom:4px}.launch-price ul{list-style:none;padding:0;margin:24px 0;font-size:1rem;color:#d2ddeb;line-height:1.8}.launch-price li{margin:10px 0;padding-left:17px;position:relative}.launch-price li:before{content:'';position:absolute;top:.8em;left:0;width:5px;height:5px;background:#d4a17e;border-radius:50%}.launch-price .price-detail{font-size:.875rem;line-height:1.8;color:#a8b9cf;margin:0}
.process-number{font-family:var(--sans);font-size:2.75rem;border-color:#34435a;color:#d4a17e;letter-spacing:-.04em}.process-number span{display:none}.process-grid h3{font-size:1.125rem}.process-grid p,.process-note p{color:#acbbcf;font-size:1rem}.process-note{border-top:0}.process-note strong{color:#d1ddeb}.delivery-panel{background:#101b2b;border-color:#2d3f57;border-radius:12px;padding:42px}.delivery-panel h3{font-size:1.875rem}.delivery-panel dt{color:#e2eaf5;font-size:1rem}.delivery-panel dd{color:#a9bad2;font-size:1rem}
.faq-section{--section-tone:#0d1624;padding:110px 0}.faq-layout{gap:80px}.faq-layout>div:first-child>p:last-child{color:#aebdd1;font-size:1.0625rem;max-width:350px}.faqs details,.faqs details:first-child{border-color:#334258}.faqs summary{font-size:1.0625rem;padding:25px 0;font-weight:500;color:#dce5f1}.faqs summary>span{color:#d4a17e}.faqs details>p{color:#afbed3;font-size:1rem;max-width:600px;margin-right:10px;line-height:1.85}
.contact-section{--section-tone:#112238;padding:115px 0}.contact-layout{gap:65px}.contact-layout h2{font-size:clamp(2.5rem,3.8vw,3.75rem);font-weight:550;letter-spacing:-.05em;line-height:1.13}.contact-layout h2 .serif{color:#d4a17e}.contact-layout .eyebrow{font-size:.875rem}.contact-layout p{color:#aec1da;font-size:1.0625rem;max-width:570px}.contact-actions{max-width:370px;gap:16px}.contact-actions .button{justify-content:center}.contact-actions small{color:#a7bbd5;font-size:.875rem}
.footer{background:var(--paper);padding:45px 0 30px}.footer-top p,.footer-top>.text-link{color:#a6b6cb;font-size:.875rem}.footer-bottom{border-top:0;color:#9babc0;font-size:.875rem;flex-wrap:wrap}.privacy-button{font-size:.875rem;color:#a9bad0}.social-links{display:flex;gap:20px}.social-links a:hover{color:#e4b28d}.floating-contact{background:#1c2a3b;color:#e6eef8;border-color:#50647f;right:24px;bottom:24px;font-size:.9375rem;padding:12px 22px;box-shadow:0 10px 35px #0006}.floating-contact>span:first-child{font-size:.9375rem}.floating-contact:hover{background:#30435c}
/* Every full-width surface meets the same canvas at its edges. */
.solutions-section,.criterion-section,.faq-section,.contact-section{border:0;background-color:var(--paper);background-image:linear-gradient(180deg,var(--paper) 0px,var(--section-tone) var(--section-fade),var(--section-tone) calc(100% - var(--section-fade)),var(--paper) 100%)}
dialog{background:#111d2e;color:#f1f4f9;border:1px solid #53637b;border-radius:16px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02070fbd;backdrop-filter:blur(9px)}
.dialog-close{color:#e4b28d;border-color:#64728a;min-width:44px;min-height:44px}.dialog-intro h2{font-size:2.5rem;font-weight:550;letter-spacing:-.05em}.dialog-intro>p:last-child,#contact-result>p{color:#b8c7dc;font-size:1rem}.dialog-intro .eyebrow{font-size:.875rem;padding-right:25px}
.contact-options span{background:#16263b;color:#bdcde2;border-color:#405472;font-size:.9375rem}.contact-options input:checked+span{background:#d4a17e;color:#101722;border-color:#d4a17e}.contact-options input:focus-visible+span{outline-color:#d4a17e}
form label>span{color:#9bb1ce}form>label,.form-row>label{font-size:1rem;color:#d9e4f2}form input[type=text],form input[type=url],form textarea,.live-demo-dialog input,.live-demo-dialog select{background:#0b1627;color:#f1f4f9;border-color:#49607e;font-size:1rem;border-radius:7px}
form input::placeholder,form textarea::placeholder{color:#91a6c4;font-size:1rem}.form-note{color:#a6b8d2;font-size:.875rem}.contact-channel-links{display:flex;gap:10px 20px;flex-wrap:wrap;margin:23px 0 5px;padding-top:18px;border-top:1px solid #34465f}.contact-channel-links a{font-size:.9375rem;color:#e4b28d;min-height:44px;display:flex;align-items:center}.contact-channel-links a:hover{text-decoration:underline}
#brief-preview{color:#d5e1f3;background:#0b1627;border-color:#344966;border-radius:8px;font-size:1rem}#copy-status{color:#ddc3ad}.privacy-dialog p:not(.eyebrow){color:#b6c8e1;font-size:1rem}
.live-demo-note,.web-example-note,.demo-helper,.demo-empty{color:#a8bddb;font-size:.9375rem}.live-tabs button{border-color:#435d7f;border-radius:7px;color:#bfd0e6}.live-tabs button[aria-selected=true]{background:#d4a17e;color:#101722;border-color:#d4a17e}.web-demo-dialog iframe{border-color:#405a7c}.web-demo-footer>span,.live-demo-footer>span{color:#a2b7d5;font-size:.875rem}
.booking-list-panel,.quote-summary,.order-card{background:#14243a;border-color:#385171;border-radius:9px}.booking-row,.quote-line,.quote-summary .quote-total,.live-demo-footer{border-color:#385171}.booking-row span,.order-card small,.order-card p,.demo-text-button{color:#b3c7e2;font-size:.875rem}.demo-feedback{color:#b6dfca}.count-pill,.kanban-count{background:#2a3c55;color:#d3e1f4}.kanban-column{background:#0b1729;border:1px solid #2f4767;border-radius:9px}.live-demo-dialog label{font-size:1rem;color:#d2e0f2}.demo-dialog-header .eyebrow{font-size:.875rem}.live-demo-dialog select{appearance:auto}
/* Reveal effects are opt-in after JS has installed its observer. */
[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal].is-pending{opacity:0;transform:translateY(24px)}
.motion-ready [data-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
@media(min-width:1600px){.hero-art{left:24%;width:85%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent)}.hero{min-height:850px;padding-top:135px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.header nav{gap:18px}.hero{min-height:740px;padding-top:100px}.hero-art{left:20%;width:calc(80% + 32px)}.hero h1{font-size:clamp(3.5rem,6.8vw,5rem)}.experience-section{gap:45px;grid-template-columns:.7fr 1fr}.experience-intro h2{font-size:3rem}.section-heading{gap:40px}.transformation{grid-template-columns:1.1fr 1fr;gap:40px}.service{padding:32px}.software-demo{gap:35px}.launch-section{gap:55px}.launch-price{padding:32px}.faq-layout{gap:40px}}
@media(max-width:1000px){.header nav{position:absolute;top:100%;left:0;right:0;display:none;background:#101b2c;border-bottom:1px solid #40526d;padding:24px 32px;align-items:stretch;gap:10px}.header nav.is-open{display:flex}.header nav>a{padding:13px 8px;font-size:1rem}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #4e607b;background:transparent;width:48px;height:46px;padding:12px;border-radius:8px}.menu-toggle span{height:1px;width:100%;background:#d8e2f1}.header nav{flex-direction:column}.hero{min-height:770px}.hero-art{opacity:.6;left:15%;width:calc(85% + 32px)}.hero h1{max-width:670px;font-size:5rem}.hero-description{max-width:470px}.experience-section{grid-template-columns:1fr;gap:50px}.experience-intro h2{font-size:3.5rem}.experience-intro>p:not(.eyebrow){max-width:620px}.hero-visual{max-width:760px;width:100%;margin:auto}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading>p{max-width:650px}.transformation{grid-template-columns:1fr;gap:45px}.transformation-copy{max-width:700px}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:0;padding:30px}.software-demo{grid-template-columns:1fr;gap:40px}.scenario-tabs{flex-direction:row;gap:25px}.scenario-tabs button{flex:1}.launch-section{grid-template-columns:1fr;gap:45px}.launch-copy>p:not(.eyebrow){max-width:660px}.launch-price{max-width:640px;width:100%}.faq-layout{grid-template-columns:1fr;gap:40px}.faq-layout>div:first-child>p:last-child{max-width:650px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-actions{margin-left:0;max-width:450px}.promise-items{flex-wrap:wrap}.promise-items .strip-signature{display:none}}
@media(max-width:620px){.container{width:calc(100% - 40px)}.nav-wrap{height:76px}.brand>span{font-size:1.125rem}.hero{min-height:820px;padding:62px 0 320px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(2.75rem,11.8vw,4rem);letter-spacing:-.058em;line-height:1.08;margin-bottom:25px}.hero .eyebrow{font-size:.875rem;letter-spacing:.07em;max-width:310px}.copper-line{display:none}.hero-description{font-size:1.0625rem;max-width:460px;line-height:1.75;margin-bottom:25px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:390px}.hero-actions .button{width:100%;padding:14px 16px;min-height:50px}.hero-footnote{font-size:.875rem;line-height:1.85;margin-top:23px}.hero-art{top:auto;left:0;bottom:36px;width:100%;height:330px;opacity:.9;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent)}.hero-art img{object-fit:cover;object-position:70% center;height:100%;width:100%;transform:none}.hero-art:after{background:linear-gradient(180deg,#080d15,transparent 25%)}.hero-scroll{bottom:0;font-size:.875rem;gap:15px}.scroll-stem{width:40px}.experience-section{padding:80px 0;gap:35px}.experience-intro h2,.launch-copy h2{font-size:2.65rem}.experience-intro>p:not(.eyebrow),.launch-copy>p:not(.eyebrow){font-size:1rem}.eyebrow{font-size:.875rem;letter-spacing:.07em}.visual-topline .mono{font-size:.875rem;max-width:90%}.hero-browser{border-radius:10px}.sample-content{grid-template-columns:1fr}.sample-content>img{height:235px}.sample-nav{flex-wrap:wrap}.sample-nav>span{max-width:100%;font-size:.875rem}.sample-words h2{font-size:2.125rem}.sample-words small,.sample-bottom{font-size:.875rem}.sample-bottom{flex-wrap:wrap}.showcase-switch button{font-size:.875rem;padding:10px;flex:1}.floating-note div>span,.concept-label{font-size:.875rem}.hero-system{grid-template-columns:1fr}.system-mini-nav{display:none}.hero-system-main{padding:25px 18px}.mini-appointment{gap:10px}.mini-appointment i{font-size:.875rem}.mini-appointment strong{font-size:.9375rem}.promise-items{display:grid;grid-template-columns:1fr;gap:13px;padding:24px 0}.promise-items>span{font-size:.9375rem;max-width:none}.promise-items b{margin-right:14px}.section{padding:80px 0}.section-heading{gap:22px;margin-bottom:40px}.section-heading h2,.faq-layout h2,.contact-layout h2{font-size:2.5rem;line-height:1.15}.section-heading>p{font-size:1rem}.comparison{height:690px}.comparison-head{flex-wrap:wrap}.after-layout{grid-template-columns:1fr}.after-layout img{height:160px}.after-layout small,.after-nav span,.after-bottom,.version-label{font-size:.875rem}.after-nav{flex-wrap:wrap}.before-site h3{margin-top:45px}.before-site p,.before-site>span{font-size:1rem}.before-site>img{max-width:100%}.version-label{max-width:80%}.pill{font-size:.875rem;line-height:1.7}.transformation-copy h3{font-size:1.875rem}.comparison-actions button{font-size:.875rem;padding:11px 5px}.project-formats{margin-top:55px}.project-formats h3{font-size:1.625rem}.format-tabs{flex-direction:column}.format-panel{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:1fr;gap:20px}.service{padding:30px 25px}.service h3{font-size:2.625rem}.service>p,.service ul{font-size:1rem}.service-bottom>span{font-size:.9375rem}.scenario-tabs{flex-direction:column;gap:0}.scenario-tabs button{padding:16px 0;font-size:1.0625rem}.scenario-copy h3{font-size:1.75rem}.dashboard-body{padding:24px 18px}.dashboard-head{padding:16px}.demo-badge{font-size:.875rem;max-width:145px}.dash-title{flex-wrap:wrap}.dash-title .mono,.dash-date{font-size:.875rem}.dash-date{text-align:left}.dash-metrics{grid-template-columns:1fr}.metric>span,.metric small{font-size:.875rem}.dash-table{min-width:0}.dash-table tr{border-color:#314761}.dash-table td,.dash-table td:nth-child(3){font-size:1rem}.dash-table td:before{font-size:.875rem}.status{font-size:.875rem}.criterion{padding-top:80px;padding-bottom:80px}.criterion h2{font-size:2.65rem}.criterion-bottom{gap:25px}.criterion-bottom p{font-size:1rem}.launch-section{padding:80px 0;gap:35px}.launch-price{padding:30px 23px}.price-line strong{font-size:6rem}.payment-parts{gap:15px;font-size:.875rem}.payment-parts b{font-size:1.375rem}.launch-price ul{font-size:.9375rem}.launch-price .price-detail{font-size:.875rem}.process-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.process-number{font-size:2.5rem}.process-grid h3{font-size:1.0625rem}.process-grid p{font-size:1rem}.delivery-panel{padding:28px 23px;gap:30px}.delivery-panel h3{font-size:1.625rem}.delivery-panel dl{grid-template-columns:1fr}.faq-section{padding:80px 0}.faq-layout .eyebrow{font-size:.875rem}.faqs summary{font-size:1rem}.contact-section{padding:80px 0}.contact-layout .eyebrow{font-size:.875rem}.contact-layout p{font-size:1rem}.contact-actions{max-width:none}.footer-top{align-items:flex-start;gap:22px;flex-wrap:wrap}.footer-top p{width:100%;margin:0}.footer-bottom{align-items:flex-start;gap:10px 25px;font-size:.875rem}.footer-bottom>span:first-child{width:100%}.floating-contact{right:15px;bottom:15px;padding:10px 18px}.contact-dialog{padding:48px 23px 28px;max-height:calc(100dvh - 24px)}.dialog-intro h2{font-size:2.25rem}.form-row{grid-template-columns:1fr;gap:0}.contact-options span{font-size:.9375rem}.live-demo-note,.web-example-note,.demo-helper{font-size:.9375rem}.demo-dialog-header .eyebrow{font-size:.875rem}.booking-row span,.order-card small,.order-card p{font-size:.9375rem}.web-demo-footer>span,.live-demo-footer>span{font-size:.875rem}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:2.625rem}.hero{padding-bottom:300px}.process-grid{grid-template-columns:1fr}.price-line strong{font-size:5rem}.contact-options{flex-direction:column}.hero-art{height:300px}.service h3{font-size:2.375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-stem{animation:none}.hero-art img{transform:none}.motion-ready [data-reveal],.motion-ready [data-reveal].is-pending{opacity:1;transform:none;transition:none}.button,.header,.faqs summary>span{transition:none}.button:hover{transform:none}}