:root{
 --blue:#0073EA;--blue-hover:#005BBB;--blue-soft:#E8F3FF;--blue-soft2:#F1F8FF;
 --ink:#0A192F;--dark:#021B3A;--text:#475466;--text2:#5B6777;--muted:#8C949F;--muted2:#A6AEB9;
 --white:#fff;--surface:#F7FBFF;--surface2:#F1F8FF;--field:#FAFCFE;--line:#EDF0F2;--line2:#E3E8EE;
 --approval:#E8704E;--success:#15A46D;--warning:#D98B16;--danger:#FB395B;
 --stage1:#9DC2FE;--stage2:#6BADF8;--stage3:#4E9CF5;
 --head:"Unbounded",sans-serif;--body:"Inter",sans-serif;
 --r-xs:7px;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-xl:26px;--pill:999px;
 --shadow-soft:0 20px 50px rgba(11,45,90,.06);
 --shadow-card:0 10px 26px rgba(10,50,105,.14);
 --shadow-float:0 20px 44px rgba(6,32,63,.18);
 --shadow-dark:0 24px 50px rgba(4,18,36,.30);
}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:0;padding:10px 14px;top:8px;left:8px;z-index:100000;background:#fff;color:var(--ink);border-radius:8px;box-shadow:var(--shadow-card)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}
.container{width:min(1312px,calc(100% - 64px));margin:auto}.standard{width:min(1180px,calc(100% - 64px));margin:auto}.reading{width:min(680px,calc(100% - 40px));margin:auto}
.section{padding:104px 0}.compact{padding:64px 0}.showcase{padding:126px 0}
.overline{font:600 11.5px/1.4 var(--body);text-transform:uppercase;letter-spacing:.095em;color:var(--blue)}
h1,h2,h3,h4,h5{font-family:var(--head);margin:0;letter-spacing:-.03em}h1{font-size:clamp(42px,5vw,64px);line-height:1.05}h2{font-size:clamp(31px,3.3vw,41px);line-height:1.12}h3{font-size:24px;line-height:1.2}.lead{font-size:17px;line-height:1.65;color:var(--text)}
.section-head{text-align:center;max-width:820px;margin:0 auto 50px}.section-head h2{margin-top:18px}.section-head p{max-width:720px;margin:19px auto 0;color:var(--text);font-size:17px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:var(--r-sm);border:1.5px solid transparent;font:700 14px/1 var(--body);cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover)}.btn-secondary{background:#fff;border-color:var(--blue);color:var(--blue)}.btn-secondary:hover{border-color:var(--blue-hover);color:var(--blue-hover)}.btn-text{padding:0;min-height:auto;color:var(--blue);border:0;background:none;text-decoration:underline;text-underline-offset:3px}.btn-text:hover{color:var(--blue-hover)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:var(--pill);border:1px solid #D9E9FC;background:#fff;color:#275996;font-size:12px;font-weight:700}
.announcement{background:var(--dark);color:#D7E5F4;text-align:center;padding:10px 20px;font-size:13px;line-height:1.45}.announcement-inner{width:fit-content;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:7px}.announcement a{color:#fff;font-weight:700}.announcement a:hover{text-decoration:underline;text-underline-offset:3px}.announcement-emoji{flex:0 0 auto;font-size:1.15em;line-height:1}.announcement-text{min-width:0}
@media(max-width:560px){.announcement{padding:9px 14px;font-size:12px}.announcement-inner{align-items:flex-start;gap:6px}}
.header{height:75px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:9px;color:var(--blue);font:700 17px/1 var(--head)}.logo .custom-logo{display:block;width:auto;height:auto;max-width:180px;max-height:48px}.logo-mark{width:29px;height:29px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font:800 15px/1 var(--body)}
.nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.nav a:hover{color:var(--blue)}
.hero{position:relative;overflow:hidden}.hero-grid{min-height:675px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-copy{max-width:670px}.hero-copy h1 span{color:var(--blue)}.hero-copy .lead{margin-top:25px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.microproof{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:26px;color:var(--text);font-size:13px}.microproof b{color:var(--blue)}
.product-stage{position:relative;min-height:500px;border-radius:28px;background:linear-gradient(145deg,#AAD6F0 0%,#57A5E2 29%,#1F83D9 50%,#1266A6 73%,#0A426C 100%);padding:64px 34px;overflow:hidden}
.float-card{background:#fff;border-radius:14px;box-shadow:var(--shadow-float);padding:18px 20px}.float-card+.float-card{margin-top:12px}.ui-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#909AA7}.ui-copy{font-size:13px;font-weight:600;margin-top:8px}.ui-small{font-size:11px;color:#748194;margin-top:7px}
.approval-card{width:88%;margin:12px auto 0;background:#0B0C0A;color:#fff;border-radius:16px;padding:19px 22px;box-shadow:var(--shadow-dark)}.approval-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.approval-status{color:var(--approval);font-size:10px}.approval-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#B9BFC8}.approve{border:0;background:var(--approval);color:#fff;border-radius:999px;padding:9px 18px;font-weight:700;margin-top:14px}
.hero-form-wrap{background:linear-gradient(180deg,#fff,#F7FBFF);border-top:1px solid var(--line)}
.form-card{background:#fff;border:1px solid #E7EFF8;border-radius:20px;padding:40px;box-shadow:var(--shadow-soft)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line2);border-radius:10px;background:var(--field);outline:none;color:var(--ink);padding:0 14px}.field input,.field select{height:48px}.field textarea{min-height:92px;padding-top:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,115,234,.09)}
.centered-hero{text-align:center;background:linear-gradient(180deg,#F5FAFF,#fff);padding:105px 0}.centered-hero .lead{max-width:760px;margin:22px auto 0}.centered-hero .actions{justify-content:center}
.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;text-align:center;color:var(--text);font-size:13px}.proof-strip strong{color:var(--ink)}
.video-stage,.screen-stage{background:var(--surface);border-radius:var(--r-xl);padding:34px}.video-frame{aspect-ratio:16/9;border-radius:18px;background:linear-gradient(145deg,var(--stage1),var(--stage2) 54%,var(--stage3));box-shadow:var(--shadow-card);display:grid;place-items:center}.play{width:76px;height:76px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;padding-left:4px;font-size:25px;box-shadow:var(--shadow-float)}
.screen{aspect-ratio:16/9;border-radius:18px;background:#fff;border:1px solid var(--line2);box-shadow:var(--shadow-card);overflow:hidden}.screenbar{height:51px;border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;font-size:11px;font-weight:700}.screenbody{height:calc(100% - 51px);background:#F9FBFD;padding:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px}.metric small{font-size:9px;color:var(--muted)}.metric strong{display:block;font:600 24px/1.1 var(--head);margin-top:7px}
.callout-stage{position:relative}.callout-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.callout{border:1px solid var(--line2);background:#fff;border-radius:14px;padding:17px}.callout b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}.callout strong{display:block;font-family:var(--head);font-size:14px;margin-top:12px}.callout p{font-size:12.5px;color:var(--text);margin:7px 0 0}
.feature-split{display:grid;grid-template-columns:.43fr .57fr;border:1px solid var(--line2);border-radius:var(--r-xl);overflow:hidden;background:#fff}.feature-copy{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-size:29px;margin:15px 0 14px}.feature-copy p{color:var(--text);margin:0}.checks{display:grid;gap:11px;margin-top:23px;color:#344054;font-size:14px}.checks span:before{content:"✓";color:var(--blue);font-weight:800;margin-right:9px}.feature-visual{background:linear-gradient(145deg,#EFF6FF,#F8FBFF 50%,#EEF5FF);padding:36px;display:grid;place-items:center;min-height:420px}.product-window{width:min(520px,100%);background:#fff;border:1px solid #DCE5F0;border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.toolbar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;font-size:11px;font-weight:700}.rows{padding:15px}.row{border:1px solid var(--line);border-radius:8px;padding:10px 11px;font-size:11px;color:var(--text)}.row+.row{margin-top:8px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line2);border-radius:18px;padding:25px;background:#fff}.card-icon{width:42px;height:42px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:21px}.card-icon i{font-size:20px}.card-icon svg{width:20px;height:20px}.card-icon-on-dark{background:#fff!important;color:var(--blue)!important}.card-icon-on-dark svg,.card-icon-on-dark i{color:inherit!important}.card-icon-on-dark svg.e-font-icon-svg{fill:currentColor!important}.card h3{font-size:18px}.card p{font-size:14px;color:var(--text);margin:10px 0 0}.card-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:17px}
.bento{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:1fr 1fr;gap:16px}.bento .large{grid-row:1/3;background:var(--surface);display:flex;flex-direction:column}.bento .large .product-window{margin-top:auto}
.problem{background:#fff}.problem .card{min-height:205px}.benefits{background:var(--surface)}.benefits .card{background:#fff}
.hiw-nav{width:min(800px,100%);margin:42px auto 0;display:flex;position:relative}.hiw-nav:before{content:"";position:absolute;left:9%;right:9%;top:9px;height:1px;background:#D7DEE7}.hiw-step{flex:1;text-align:center;font-size:12px;color:var(--muted);position:relative;z-index:1}.hiw-step i{display:block;width:18px;height:18px;border-radius:50%;background:#E6EAF0;border:4px solid #fff;margin:0 auto 9px}.hiw-step.active{color:var(--blue);font-weight:700}.hiw-step.active i{background:var(--blue)}
.hiw-stage{margin:50px auto 0;max-width:1040px;background:var(--surface);border-radius:var(--r-xl);padding:30px;text-align:center}.step-number{font:600 18px/1 var(--head);color:var(--muted)}.hiw-stage h3{font-size:23px;margin-top:8px}.hiw-stage p{color:var(--text);margin-top:7px}.hiw-visual{margin-top:28px;min-height:330px;border-radius:18px;background:linear-gradient(165deg,var(--stage1),var(--stage2) 55%,var(--stage3));padding:28px;display:grid;place-items:center}.hiw-card{width:min(460px,90%);background:#fff;border-radius:13px;padding:20px;text-align:left;box-shadow:var(--shadow-card)}
.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.simple-step{border:1px solid var(--line2);border-radius:18px;background:#fff;padding:27px}.simple-step .num{font:600 20px/1 var(--head);color:var(--blue)}.simple-step h3{font-size:17px;margin-top:16px}.simple-step p{font-size:14px;color:var(--text);margin-top:9px}
.timeline{position:relative;max-width:880px;margin:auto}.timeline:before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:#DCE7F5}.timeline-item{position:relative;padding-left:70px}.timeline-item+.timeline-item{margin-top:26px}.timeline-dot{position:absolute;left:9px;top:0;width:30px;height:30px;border-radius:50%;background:var(--blue);border:7px solid #EAF3FF}.timeline-item h3{font-size:17px}.timeline-item p{font-size:14px;color:var(--text);margin-top:7px}
.dark{background:var(--dark);color:#fff;position:relative;overflow:hidden}.dark .overline{color:#9FB4CE}.dark .section-head p{color:#BFD0E3}.dark-card{background:#1D324B;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px}.dark-card h3{font-size:17px}.dark-card p{font-size:13.5px;color:#A9BCD2;margin:9px 0 0}.prompt-strip{font-size:11px;color:var(--approval);background:rgba(232,112,78,.08);border:1px solid rgba(232,112,78,.2);border-radius:8px;padding:9px 10px;margin-top:15px}
.testimonial{min-height:245px;display:flex;flex-direction:column}.quote{font-size:17px;line-height:1.62;color:#263A53}.person{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);font-size:13px}.person b{display:block}.person span{color:var(--muted)}
.featured-test{display:grid;grid-template-columns:.42fr .58fr;gap:58px;align-items:center;background:var(--surface2);border-radius:26px;padding:48px}.featured-test .bigquote{font-size:22px;line-height:1.55;color:#20334A}
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;align-items:center}.logo-tile{height:82px;border:1px solid var(--line2);border-radius:15px;background:#fff;display:grid;place-items:center;color:#526273;font-weight:700;font-size:13px}
.integration-flow{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.node{min-width:155px;border:1px solid var(--line2);border-radius:16px;background:#fff;padding:21px;text-align:center;font-weight:700}.node.center{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(1.07)}.arrow{font-size:22px;color:#99A8BA}
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2);border-radius:20px;overflow:hidden}.compare>div{padding:30px}.compare>div+div{border-left:1px solid var(--line2);background:var(--surface)}.compare ul{padding-left:20px;color:var(--text)}
.table-wrap{overflow:auto;border:1px solid var(--line2);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px}th{font-family:var(--head);font-size:11.5px;background:var(--surface)}td.highlight,th.highlight{background:#F1F7FF}
.trust-card{border:1px solid var(--line2);border-radius:18px;background:#fff;padding:26px}.trust-card h3{font-size:17px}.trust-card p{font-size:14px;color:var(--text);margin-top:9px}
.stats-light{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-light{border:1px solid var(--line2);border-radius:18px;padding:27px;background:#fff}.stat-light strong{display:block;font:600 36px/1.1 var(--head);color:var(--blue)}.stat-light span{display:block;font-size:13px;color:var(--text);margin-top:9px}
.stat-band{background:linear-gradient(90deg,#01409A,#00469E 32%,#013469 52%,#16324C 82%,#123980);color:#fff}.stat-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{min-height:170px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card strong{font:600 48px/1 var(--head)}.stat-card span{font-size:12px;color:#D3E0F2;margin-top:8px}
.toggle-wrap{display:flex;justify-content:center;margin-bottom:28px}.toggle{display:inline-flex;background:#EAF2FC;border-radius:999px;padding:4px}.toggle button{border:0;background:transparent;border-radius:999px;padding:9px 16px;color:var(--text);font-weight:700;font-size:13px}.toggle .active{background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(11,45,90,.08)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price-card{border:1px solid var(--line2);border-radius:20px;background:#fff;padding:29px;position:relative}.price-card.recommended{border-color:#8DBEF8;box-shadow:0 16px 40px rgba(0,115,234,.08)}.recommend{position:absolute;top:0;right:24px;transform:translateY(-50%);background:var(--blue);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.plan{font-family:var(--head);font-size:17px}.price{font:600 36px/1 var(--head);margin-top:20px}.price small{font:400 13px/1 var(--body);color:var(--muted)}.price-card p{font-size:13.5px;color:var(--text);margin-top:12px}.features{display:grid;gap:10px;margin:22px 0}.features span{font-size:13px;color:#344054}.features span:before{content:"✓";color:var(--blue);font-weight:800;margin-right:8px}.price-card .btn{width:100%}
.contact-split{display:grid;grid-template-columns:.42fr .58fr;gap:56px;align-items:start}.contact-copy h2{margin-top:17px}.contact-copy p{color:var(--text);margin-top:18px}.contact-points{display:grid;gap:15px;margin-top:28px}.contact-point strong{display:block;font-size:14px}.contact-point span{font-size:13px;color:var(--muted)}
.tabs{border-bottom:1px solid var(--line);display:flex;gap:8px;overflow:auto}.tab{border:0;background:transparent;padding:12px 15px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--blue);border-color:var(--blue)}.tab-stage{margin-top:26px}
.editorial-centered{text-align:center;max-width:820px;margin:auto}.editorial-centered p{font-size:17px;color:var(--text);margin-top:19px}.editorial-left{max-width:720px}.editorial-left p{font-size:16px;color:var(--text);margin-top:18px}
.pullquote{border-left:4px solid var(--blue);background:var(--surface2);border-radius:0 18px 18px 0;padding:32px 35px}.pullquote p{font:500 20px/1.6 var(--body);color:#203A57}.pullquote cite{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:15px}
.faq-grid{display:grid;grid-template-columns:570px 1fr;gap:90px;align-items:start}.faq-intro h2{margin-top:19px}.faq-intro p{font-size:17px;color:var(--text);margin-top:20px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:18px 0;font-weight:700;color:var(--ink);cursor:pointer;font-size:16px}.faq-a{display:none;color:var(--text);font-size:15px;max-width:610px;padding:0 0 22px}.faq-item.open .faq-a{display:block}
.compact-faq{max-width:820px;margin:auto}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource{border:1px solid var(--line2);border-radius:18px;background:#fff;overflow:hidden}.thumb{aspect-ratio:16/10;background:linear-gradient(145deg,#D5E8FF,#8DBCF4)}.resource-body{padding:21px}.resource-cat{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:800}.resource h3{font-size:17px;margin-top:10px}.resource p{font-size:13px;color:var(--text);margin-top:8px}
.cta-simple{text-align:center;background:var(--surface2)}.cta-simple p{max-width:650px;margin:18px auto 0;color:var(--text)}.cta-simple .btn{margin-top:25px}
.cta-dark{background:var(--dark);color:#fff;border-radius:26px;padding:54px 50px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.cta-dark p{color:#B8CBE0;margin-top:12px}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:20px;background:var(--surface2);padding:31px 34px}.inline-cta p{color:var(--text);font-size:14px;margin-top:7px}
.soon{border:1px solid #DCEAFE;border-radius:24px;background:linear-gradient(145deg,#F5FAFF,#EAF4FF);padding:45px;text-align:center}.soon .chip{margin-bottom:18px}.soon p{max-width:620px;margin:17px auto 0;color:var(--text)}.soon .actions{justify-content:center}
.footer{background:var(--blue-soft);padding:82px 0 42px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr .8fr .8fr;gap:44px}.footer h4{font-size:15px}.footer p,.footer a{font-size:13px;color:var(--text)}.footer-links{display:grid;gap:10px;margin-top:15px}
.catalog-title{background:#F9FBFD;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.catalog-title .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog-title strong{font-family:var(--head);font-size:13px}.catalog-title span{font-size:12px;color:var(--muted)}
@media(max-width:1050px){
 .hero-grid,.feature-split,.featured-test,.stat-inner,.contact-split,.faq-grid{grid-template-columns:1fr}.hero-grid{padding:65px 0}.card-grid.four,.stats-light{grid-template-columns:1fr 1fr}.card-grid,.pricing-grid,.resource-grid{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr}.bento .large{grid-row:auto}.featured-test{gap:30px}.logo-wall{grid-template-columns:repeat(3,1fr)}.stat-inner{gap:35px}.faq-grid{gap:42px}
}
@media(max-width:700px){
 .container,.standard{width:min(100% - 32px,1312px)}.section{padding:72px 0}.showcase{padding:82px 0}.nav a:not(.btn){display:none}.hero-grid{padding:50px 0;min-height:0}.product-stage{min-height:440px;padding:34px 16px}.actions .btn{width:100%}.form-grid,.card-grid,.card-grid.four,.simple-steps,.stats-light,.pricing-grid,.resource-grid,.stat-cards,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card{padding:27px 21px}.video-stage,.screen-stage{padding:18px}.feature-copy{padding:38px 25px}.feature-visual{padding:22px;min-height:360px}.callout-list{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.logo-wall{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.compare>div+div{border-left:0;border-top:1px solid var(--line2)}.featured-test{padding:27px}.cta-dark{grid-template-columns:1fr;padding:40px 25px}.inline-cta{flex-direction:column;align-items:flex-start}.inline-cta .btn{width:100%}.soon{padding:34px 22px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Page-specific helpers only. They use existing design-system tokens and do not introduce new visual primitives. */
.header .btn{min-height:42px;padding:0 21px}
.product-media{width:100%;background:#fff;display:block}
.product-media img{width:100%;height:auto;display:block}
.hero-product-window{width:min(610px,100%);margin:auto}
.feature-stack{display:grid;gap:24px}
.feature-split.reverse .feature-copy{order:2}
.feature-split.reverse .feature-visual{order:1}
.capability-card{display:flex;flex-direction:column;min-height:255px}
.capability-card .card-link{margin-top:auto;padding-top:17px}
.hiw-nav{width:min(800px,100%);margin:42px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;align-items:start}
.hiw-nav:before{left:10%;right:10%;top:9px}
.hiw-step{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0 8px;font:inherit;cursor:pointer;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;line-height:1.35;outline:none}
.hiw-step i{flex:0 0 auto}
.hiw-step:focus{outline:none}
.hiw-step:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:8px}
.hiw-panel{display:none;animation:fadePanel .35s ease}
.hiw-panel.active{display:block}
@keyframes fadePanel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hiw-stage{text-align:left;margin-top:38px}
.hiw-stage .step-number,.hiw-stage h3,.hiw-panel>p{text-align:center;margin-left:auto;margin-right:auto}
.hiw-panel>p{max-width:760px}
.hiw-product{width:min(620px,92%);background:#fff;border-radius:13px;box-shadow:var(--shadow-card);overflow:hidden}
.hiw-product img{width:100%;height:auto}
.replaceable-static{display:block;width:100%;height:auto;background:linear-gradient(145deg,#DCEBFF,#A7CBF8 50%,#78AEF1)}
.security-copy{max-width:740px;margin-bottom:38px}
.security-copy h2{margin-top:18px}
.security-copy p{color:#BFD0E3;font-size:16px;margin-top:18px}
.video-copy{margin-left:auto;margin-right:auto;text-align:center}
.video-embed-wrap{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;height:auto;border-radius:16px;margin:0 auto;box-shadow:0 20px 50px rgba(0,0,0,.35);cursor:pointer;overflow:hidden}
.video-embed-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:16px}
.video-embed-wrap .video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;border-radius:16px}
.video-embed-wrap .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(2,27,58,.72);border:2px solid rgba(255,255,255,.85);transition:transform .2s ease,background .2s ease}
.video-embed-wrap .video-play-btn::before{content:"";position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.video-embed-wrap:hover .video-play-btn{background:var(--blue);transform:translate(-50%,-50%) scale(1.08)}
.footer-lower{margin-top:48px;padding-top:22px;border-top:1px solid #D8E7F7;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:11px}
@media(max-width:1050px){.feature-split.reverse .feature-copy,.feature-split.reverse .feature-visual{order:initial}}
@media(max-width:700px){
 .hiw-nav{width:100%;overflow-x:auto;grid-template-columns:repeat(5,minmax(92px,1fr));padding:0 2px 8px;scrollbar-width:none}
 .hiw-nav::-webkit-scrollbar{display:none}
 .hiw-nav:before{left:46px;right:46px}
 .hiw-step{font-size:11px;padding:0 6px}
 .hiw-stage{margin-top:26px;padding:24px 16px}
}

/* Final-review global header + footer. Built only from existing GetSign tokens. */
.site-header{height:75px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:70}
.site-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav-menu-item{position:relative}
.nav-link,.nav-trigger{min-height:42px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink);padding:0 12px;border-radius:10px;font:600 13.5px/1 var(--body);cursor:pointer}
.nav-link:hover,.nav-trigger:hover,.nav-menu-item.open>.nav-trigger{background:var(--surface);color:var(--blue)}
.nav-chevron{font-size:11px;color:var(--muted);transition:transform .18s ease}
.nav-menu-item:hover .nav-chevron,.nav-menu-item:focus-within .nav-chevron,.nav-menu-item.open .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:340px;padding:10px;background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow-float);opacity:0;visibility:hidden;transform:translateY(7px);transition:.16s ease;z-index:90}
.nav-menu-item:last-of-type .nav-dropdown{left:auto;right:0}
.nav-menu-item:hover>.nav-dropdown,.nav-menu-item:focus-within>.nav-dropdown,.nav-menu-item.open>.nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-label{padding:9px 10px 7px;font-size:9.5px;text-transform:uppercase;letter-spacing:.095em;color:var(--muted);font-weight:800}
.dropdown-link{display:block;padding:10px;border-radius:10px}
.dropdown-link:hover{background:var(--surface2)}
.dropdown-link strong{display:block;font-family:var(--head);font-size:11.5px;line-height:1.3;letter-spacing:-.02em}
.dropdown-link small{display:block;color:var(--text);font-size:10.5px;line-height:1.45;margin-top:3px}
.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nav-dropdown.nav-dropdown-lg{width:600px}
.header-cta{margin-left:8px;min-height:42px!important;padding:0 21px!important}
.mobile-menu-toggle{display:none;margin-left:auto;border:0;background:var(--blue);border-radius:999px;width:42px;height:42px;place-items:center;cursor:pointer;transition:background .15s ease}
.mobile-menu-toggle:hover{background:var(--blue-hover)}
.hamburger-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px}
.hamburger-icon span{display:block;height:2px;width:100%;background:#fff;border-radius:2px}

.site-footer{background:var(--blue-soft);padding:78px 0 30px;border-top:1px solid #D9E9FC}
.site-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px}
.footer-brand-copy{max-width:280px;color:var(--text);font-size:13.5px;line-height:1.65;margin:17px 0 0}
.footer-chip{display:inline-flex;margin-top:20px;padding:7px 10px;border:1px solid #CFE3FB;background:#fff;border-radius:999px;font-size:10.5px;color:#275996;font-weight:700}
.footer-cta{margin-top:22px;min-height:42px;padding:0 20px;font-size:13px}
.footer-column h4{font-size:13px;margin:3px 0 0}
.footer-links{display:grid;gap:10px;margin-top:16px}
.footer-links a{font-size:12.5px;color:var(--text)}
.footer-links a:hover{color:var(--blue)}
.footer-email{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;color:var(--text)}
.footer-email svg{flex:none;color:var(--blue)}
.footer-email:hover{color:var(--blue)}
.footer-social{display:flex;align-items:center;gap:10px;margin-top:18px}
.footer-social a{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid #CFE3FB;background:#fff;color:var(--blue)}
.footer-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.footer-lower{margin-top:50px;padding-top:22px;border-top:1px solid #CFE3FB;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.footer-lower-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer-powered a{color:var(--muted);text-decoration:underline}
.footer-powered a:hover{color:var(--blue)}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a:hover{color:var(--blue)}
.footer-badges img{height:44px;width:auto}

@media(max-width:1050px){
 .site-nav{gap:1px}.nav-link,.nav-trigger{padding:0 8px;font-size:12.5px}.header-cta{padding:0 16px!important}
 .site-footer-grid{grid-template-columns:1fr 1fr;row-gap:42px}
 .footer-brand{grid-column:1/-1}
}
@media(max-width:820px){
 .site-header{height:auto;min-height:70px}.site-header-inner{min-height:70px;flex-wrap:wrap;padding:13px 0}
 .mobile-menu-toggle{display:grid}
 .site-nav{display:none;order:3;width:100%;margin:0;padding:8px 0 5px;border-top:1px solid var(--line);align-items:stretch;flex-direction:column}
 .site-nav.open{display:flex}
 .nav-menu-item{width:100%}.nav-link,.nav-trigger{width:100%;justify-content:space-between;padding:0 10px}
 .nav-dropdown{position:static;width:100%;box-shadow:none;border:0;border-radius:12px;background:var(--surface);margin:3px 0 7px;display:none;opacity:1;visibility:visible;transform:none;transition:none}
 .nav-dropdown.nav-dropdown-lg{width:100%}
 .dropdown-grid{grid-template-columns:1fr}
 .nav-menu-item:hover>.nav-dropdown,.nav-menu-item:focus-within>.nav-dropdown{display:none}
 .nav-menu-item.open>.nav-dropdown{display:block}
 .header-cta{margin:6px 0 0;width:100%}
}
@media(max-width:560px){.site-footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-lower{align-items:flex-start;flex-direction:column}}

/* Pilot header refinements — simple, intentional motion, plain-text nav. */
.nav-dropdown{transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
@media(prefers-reduced-motion:reduce){.nav-chevron,.nav-dropdown{transition:none!important}}

/* v1.5 Elementor-editable Feature layer */
.gs-feature-main{width:100%;overflow:hidden}
.gs-feature-main>.elementor{width:100%}
.gs-feature-main .elementor-widget{margin:0}
.gs-feature-main .elementor-widget-container{width:100%}
.gs-media-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(145deg,#DCEBFF,#9CC4F5 55%,#6DAAF0);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--ink)}
.gs-media-placeholder strong{font-family:var(--head);font-size:20px;line-height:1.25}
.gs-media-placeholder span{font-size:12px;color:var(--text);margin-top:10px}
.elementor-editor-active .gs-feature-main{overflow:visible}
.elementor-editor-active .site-header{position:relative}

/* The approved HTML templates own all page geometry. Neutralize Elementor's
   transport containers so staging renders the reference markup unchanged. */
.gs-reference-page-main{width:100%;overflow:hidden}
.gs-reference-page-main>.elementor{display:block;width:100%;max-width:none}
.gs-reference-page-main>.elementor>.e-con{
 --display:block!important;--width:100%!important;--gap:0px!important;
 --padding-top:0px!important;--padding-right:0px!important;
 --padding-bottom:0px!important;--padding-left:0px!important;
 display:block!important;width:100%!important;max-width:none!important;
 margin:0!important;padding:0!important;gap:0!important
}
.gs-reference-page-main>.elementor>.e-con>.elementor-widget,
.gs-reference-page-main>.elementor>.e-con>.elementor-widget>.elementor-widget-container{
 display:block;width:100%!important;max-width:none!important;margin:0!important;padding:0!important
}
