:root{--ink:#112332;--navy:#06293a;--text:#526578;--soft:#eef7fa;--muted:#718496;--blue:#087cac;--cyan:#10b5bf;--green:#0f8b78;--line:#dfe9ee;--pale:#f7fafc;--white:#fff;--round:22px;--shadow:0 18px 48px rgba(14,54,75,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button,input,textarea,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #36b1e3}img{max-width:100%;display:block}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}p{margin:0 0 1rem}h1,h2,h3,h4{letter-spacing:-.038em;line-height:1.13;color:var(--ink)}h1{font-size:clamp(2.7rem,5vw,5.1rem);margin:0 0 26px;letter-spacing:-.065em}h2{font-size:clamp(2rem,3vw,3.25rem);margin:0 0 16px}h3{font-size:clamp(1.3rem,2vw,1.75rem);margin:0 0 12px}h4{font-size:1.03rem;margin:0 0 7px}.container{width:min(1220px,calc(100% - 64px));margin:0 auto}.section{padding:89px 0}.section-tight{padding:58px 0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:.71rem;font-weight:800;color:#087fa0;margin:0 0 17px}.muted{color:var(--text)}.small{font-size:.89rem;color:var(--text)}.micro{font-size:.76rem;color:var(--muted)}.faint{color:var(--muted)}.line{height:1px;background:var(--line);border:0;margin:26px 0}.kicker{color:var(--text);font-size:clamp(1.08rem,1.4vw,1.22rem);line-height:1.75;max-width:580px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:35px}.section-head p{color:var(--text);max-width:630px}.section-head h2{margin-bottom:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-content{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{height:56px;width:56px;object-fit:cover;flex:0 0 56px;border-radius:50%}.brand-name{font-weight:860;font-size:27px;line-height:1.02;letter-spacing:-.06em;white-space:nowrap}.brand-name .plus{color:#72cf35}.brand-name .ai{color:#04a5d2}.brand-sub{font-size:.71rem;color:var(--text);line-height:1.2;letter-spacing:-.01em}.site-nav{display:flex;gap:30px;align-items:center}.nav-link{font-size:.9rem;color:#395468;font-weight:650;transition:color .2s}.nav-link:hover,.nav-link[aria-current="page"]{color:#066f9c}.nav-link[aria-current="page"]:after{content:"";display:block;height:2px;border-radius:3px;background:#00afd3;transform:translateY(9px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 21px;border-radius:11px;border:1px solid var(--navy);background:var(--navy);font-size:.87rem;font-weight:760;color:white;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{background:#104a65;transform:translateY(-2px);box-shadow:0 10px 25px #0a405d24}.button.secondary{color:var(--navy);border-color:#bdd7e4;background:#fff}.button.secondary:hover{background:#f3f9fc}.button.blue{background:#087fb5;border-color:#087fb5}.button.blue:hover{background:#066891}.button.sm{min-height:42px;padding:9px 16px}.button.ghost{background:transparent;color:var(--navy);border-color:#d5e2e8}.button svg{width:17px;height:17px}.mobile-toggle{display:none;border:1px solid var(--line);background:white;padding:8px;border-radius:10px}.mobile-menu{display:none}
/* Home hero */
.hero{position:relative;overflow:hidden;padding:66px 0 77px;background:linear-gradient(115deg,#fff 30%,#f5fbff 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center;min-height:470px}.hero h1{max-width:690px}.hero h1 .accent{color:#087eaf}.hero-copy{position:relative;z-index:2}.hero-copy .kicker{margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{margin-top:32px;display:flex;gap:19px;flex-wrap:wrap;color:#5c7381;font-size:.79rem;font-weight:600}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof svg{color:#159985}
/* Fictional preview uses ONLY module names, never fictitious metrics */
.hero-art{position:relative;padding:15px 0 28px}.hero-art:before{content:"";position:absolute;inset:-45px -55px -42px 40px;border-radius:48%;background:radial-gradient(ellipse at center,#d9effc 0,#e9f6fe 54%,transparent 70%);z-index:0}.device-desktop{position:relative;z-index:2;background:#0b2f44;border:7px solid #1b3549;border-radius:17px;box-shadow:0 23px 48px #0a34453d;overflow:hidden;transform:rotate(-.4deg)}.device-toolbar{height:35px;background:#fff;display:flex;align-items:center;gap:7px;border-bottom:1px solid #dbe5e8;padding:0 15px}.dot{height:8px;width:8px;border-radius:50%;background:#c9d7df}.device-address{margin-left:15px;color:#98a7b4;font-size:9px;letter-spacing:.03em}.device-grid{display:grid;grid-template-columns:126px 1fr;background:#fff;min-height:310px}.device-sidebar{background:#f4f8fa;border-right:1px solid #e5edf1;padding:19px 10px}.device-side-title{font-size:9px;font-weight:900;color:#087ea0;margin:0 7px 19px}.device-side-item{display:block;font-size:9px;color:#648194;border-radius:7px;padding:9px 8px;margin-bottom:2px}.device-side-item.active{background:#dceff8;color:#076f99;font-weight:800}.device-panel{padding:19px 17px}.device-panel .mini-eyebrow{font-size:9px;color:#8096a4;margin-bottom:7px}.device-panel h3{font-size:17px;letter-spacing:-.025em;margin:0 0 14px}.mini-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-tile{border:1px solid #e4eef1;border-radius:9px;min-height:68px;padding:10px 7px;background:#fff}.mini-tile svg{color:#0a8ab6;font-size:16px}.mini-tile strong{display:block;font-size:9px;line-height:1.25;margin-top:4px}.mini-tile span{display:block;font-size:8px;color:#8196a6}.mini-chart{background:#f7fbfd;border:1px solid #e4eef1;border-radius:10px;margin-top:11px;padding:11px}.mini-chart-label{font-size:9px;color:#466375;font-weight:700;margin:0 0 6px}.mini-chart svg{height:73px;width:100%;stroke-width:2;overflow:visible}.device-bottom{height:10px;width:105%;position:relative;left:-2.5%;border-radius:0 0 50% 50%;background:linear-gradient(#c9d8df,#eef6f9);box-shadow:0 10px 18px #0c344733}.device-phone{position:absolute;z-index:3;bottom:-6px;right:-32px;width:136px;height:245px;border:7px solid #172e40;border-radius:24px;background:#fff;box-shadow:0 14px 28px #1835443d;overflow:hidden;padding:17px 11px}.device-phone .phone-brand{font-size:15px;font-weight:900}.device-phone .phone-brand span{color:#06a4bc}.device-phone .phone-title{margin:19px 0 12px;font-size:11px;font-weight:800}.device-phone .phone-tile{font-size:9px;border:1px solid #e2eaee;border-radius:8px;padding:10px 7px;margin-bottom:7px;color:#49697e}.device-phone .phone-tile:before{content:'✓';color:#0089a3;margin-right:7px}.preview-caption{font-size:.68rem;color:#6e8998;text-align:center;margin:24px 0 0;position:relative}
/* Feature sections */
.card{border:1px solid var(--line);border-radius:var(--round);background:white;box-shadow:0 8px 25px rgba(11,51,67,.024)}.flagship{padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:linear-gradient(115deg,#fff 45%,#f8fcff)}.flagship-logo{width:min(345px,100%);height:auto;margin:0 0 18px}.flagship h3{font-size:1.9rem;margin:0 0 14px}.flagship p{color:var(--text)}.flagship .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:50px;background:#e8f5fa;color:#08729d;font-size:.72rem;font-weight:750;line-height:1.3}.pill.gold{background:#fff3df;color:#966012}.pill.green{background:#e2f7ef;color:#0a7c5d}.pill.purple{background:#f1eafa;color:#6e45a2}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.feature-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.feature-panel h4{font-size:1rem;letter-spacing:0;margin:0 0 15px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module{border:1px solid #e5eef3;border-radius:12px;padding:15px 12px;min-height:118px;transition:transform .2s,background .2s}.module:hover{transform:translateY(-2px);background:#f9fdff}.module-mark{display:flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;color:#0789ac;background:#e9f7fb;margin-bottom:11px}.module-mark.t2{color:#147c65;background:#e7f7ee}.module-mark.t3{color:#be7325;background:#fff2e6}.module-mark.t4{color:#7241ba;background:#f2eafb}.module-mark.t5{color:#0b7fb8;background:#e9f3fd}.module-mark.t6{color:#47627c;background:#eef4fa}.module strong{display:block;font-size:.78rem;line-height:1.3}.module small{display:block;color:#758b99;font-size:.66rem;line-height:1.4;margin-top:6px}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.solution-card{padding:27px;min-height:285px;display:flex;flex-direction:column;align-items:flex-start}.solution-card .top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:10px;margin-bottom:20px}.tile-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;background:#edf7fa;color:#097f9c}.tile-icon.purple{background:#f0ebfb;color:#6d4ab4}.solution-card p{color:var(--text);font-size:.91rem;flex:1}.text-link{color:#067da5;font-size:.87rem;font-weight:800;display:inline-flex;gap:8px;align-items:center}.text-link:hover{text-decoration:underline}.broadcast-list{margin:8px 0 0;width:100%;display:grid;gap:0}.broadcast-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0;gap:15px;font-size:.81rem}.broadcast-item span:first-child{font-weight:700}.about-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:41px;background:#f4f8fa;border:1px solid #e2ebef;border-radius:var(--round)}.about-strip p{color:var(--text);margin:0}.about-quote{font-size:clamp(1.4rem,2.3vw,2rem);font-weight:820;letter-spacing:-.04em;line-height:1.27;border-left:3px solid var(--cyan);padding-left:24px}.cta-banner{background:#062a3d;border-radius:var(--round);padding:42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-banner h2{color:#fff;margin:0 0 8px;font-size:2rem}.cta-banner p{color:#c1d9e4;margin:0;max-width:650px}.cta-banner .button{background:#fff;border-color:#fff;color:#082c40}
/* Secondary pages */
.subhero{background:linear-gradient(115deg,#f7fbfd,white);padding:73px 0 68px;border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(2.75rem,4.2vw,4.25rem);max-width:870px}.subhero .kicker{max-width:740px}.jumpbar{background:#fff;border-bottom:1px solid var(--line)}.jumpbar .container{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:12px 0}.jumpbar a{font-size:.81rem;color:#426175;padding:8px 16px;border-radius:9px;white-space:nowrap;font-weight:720;background:#f3f8fa}.jumpbar a:hover{background:#e6f2f8;color:#067fa7}.product-hero{display:grid;grid-template-columns:1fr .8fr;gap:54px;align-items:center}.product-hero .biglogo{width:min(500px,100%);margin:0 0 30px}.product-hero p{color:var(--text)}.shot{border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:var(--shadow);background:white}.shot img{border-radius:10px;width:100%;max-height:420px;object-fit:cover;object-position:top}.shot figcaption{color:#678190;font-size:.75rem;padding:11px 6px 3px;line-height:1.5}.section-label{display:flex;align-items:center;gap:13px;margin-bottom:24px}.section-label .index{display:grid;place-items:center;height:39px;width:39px;border-radius:50%;background:#e3f5fa;color:#08789e;font-weight:840}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{padding:25px;min-height:196px}.detail-card .module-mark{width:43px;height:43px}.detail-card strong{font-size:1.06rem}.detail-card p{color:var(--text);font-size:.87rem;margin:10px 0 0}.flow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:flow}.flow-step{border:1px solid var(--line);padding:20px 14px;border-radius:14px;background:#fff;position:relative}.flow-step .n{display:grid;place-items:center;width:33px;height:33px;background:#e8f6fa;color:#057ca7;border-radius:50%;font-size:.8rem;font-weight:850;margin-bottom:14px}.flow-step strong{display:block;font-size:.83rem}.flow-step p{font-size:.76rem;color:var(--text);margin:6px 0 0}.roles-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#073146;color:#fff;font-size:.81rem;padding:17px 18px}td{padding:16px 18px;border-top:1px solid #e6eff2;color:#445d6f;font-size:.85rem}tr:nth-child(even) td{background:#f8fbfc}.info{border:1px solid #ccebe8;border-left:4px solid #069e88;background:#effbf8;border-radius:12px;padding:20px 24px;color:#224d4b;font-size:.92rem}.sviews-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.insight-panel{border:1px solid var(--line);border-radius:17px;background:#f9fbfd;padding:30px}.insight-panel svg{width:100%;height:175px;stroke-width:2}.insight-panel .legend{display:flex;gap:20px;color:#658094;font-size:.77rem}.benefit-list{padding:0;list-style:none;margin:20px 0}.benefit-list li{padding:8px 0;color:#415b6b;display:flex;gap:9px;align-items:flex-start}.benefit-list svg{color:#0b9a83;flex:0 0 18px;margin-top:3px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.portfolio-card{padding:26px;min-height:310px;display:flex;flex-direction:column}.portfolio-card p{color:var(--text);font-size:.87rem;flex:1}.portfolio-card .pill{align-self:flex-start;margin-bottom:17px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:start}.contact-panel{border:1px solid var(--line);border-radius:var(--round);padding:32px;background:#fff}.contact-panel h3{margin-bottom:15px}.contact-method{border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin:12px 0}.contact-method strong{display:block;font-size:.87rem}.contact-method .addr{font-size:1rem;font-weight:800;color:#0c6587;overflow-wrap:anywhere}.field{margin:0 0 16px}.field label{display:block;font-size:.83rem;font-weight:750;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cddfe7;border-radius:11px;background:white;color:var(--ink);padding:12px 14px;min-height:47px}.field textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{color:#60798b;font-size:.79rem;background:#f0f8fb;border:1px solid #dcebf1;border-radius:10px;padding:13px 15px;margin-bottom:19px}.output-preview{display:none;margin:20px 0 0;background:#f7fbfd;border:1px solid #cee2eb;border-radius:13px;padding:21px}.output-preview[aria-hidden="false"]{display:block}.output-preview pre{white-space:pre-wrap;word-wrap:break-word;font-size:.83rem;color:#435e71;font-family:inherit}.statusline{font-size:.78rem;color:#087e75;min-height:20px;margin-top:9px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:11px;margin:10px 0;padding:15px 18px}.faq-list summary{cursor:pointer;font-weight:800;font-size:.9rem}.faq-list p{color:var(--text);font-size:.85rem;margin:10px 0 0}
/* footer + overview */
.site-footer{background:#f8fbfc;border-top:1px solid var(--line);padding:42px 0}.footer-content{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-content .brand-mark{width:42px;height:42px;flex-basis:42px}.footer-content .brand-name{font-size:23px}.footer-content h4{margin:0 0 14px;font-size:.86rem}.footer-content a:not(.brand){display:block;font-size:.82rem;color:#486273;padding:4px 0}.footer-content a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;color:#768d9b;font-size:.76rem;border-top:1px solid var(--line);padding-top:23px;margin-top:33px}.modal{position:fixed;inset:0;display:none;z-index:100;align-items:center;justify-content:center;padding:22px;background:#041b2ccd;backdrop-filter:blur(7px)}.modal.is-open{display:flex}.modal-shell{width:min(840px,100%);max-height:96vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 25px 110px #0005}.modal-top{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-top strong{font-size:1.01rem}.icon-button{border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;width:37px;height:37px;border-radius:10px}.icon-button:hover{background:#f0f6f9}.overview-stage{background:linear-gradient(130deg,#082a40,#0c5471);min-height:360px;padding:50px 48px;color:white;position:relative;overflow:hidden;display:grid;align-content:center}.overview-stage:before{content:"";position:absolute;width:400px;height:400px;background:#1cb6d332;filter:blur(3px);border-radius:50%;right:-140px;top:-70px}.overview-slide{position:relative;z-index:1;animation:slideIn .48s ease both}.overview-slide .stamp{color:#81d7e4;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.overview-slide h2{color:white;max-width:590px;font-size:clamp(2rem,4vw,3.3rem);margin:13px 0 20px}.overview-slide p{max-width:580px;color:#d1e7ee;font-size:1.1rem}.overview-slide .slide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.slide-tags span{background:#ffffff1b;border:1px solid #ffffff35;border-radius:8px;padding:7px 12px;font-size:.82rem}.overview-controls{padding:23px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.overview-track{height:5px;background:#e2eef2}.overview-progress{height:100%;width:0;background:#12afc3;transition:width .15s linear}.overview-left{display:flex;gap:10px;align-items:center}.overview-page{font-size:.8rem;color:#6c8190;min-width:90px}.overview-audio-note{font-size:.73rem;color:#7a8b97}.modal-open-body{overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
/* responsive */
@media(max-width:1080px){.hero-grid{gap:20px}.hero h1{font-size:clamp(2.9rem,5.1vw,4.5rem)}.flagship{gap:25px;padding:29px}.device-phone{right:-5px}.module-grid{grid-template-columns:repeat(2,1fr)}.flow-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{width:min(100% - 40px,660px)}.header-content{height:74px}.brand-mark{height:46px;width:46px;flex-basis:46px}.brand-name{font-size:23px}.brand-sub{font-size:.62rem}.site-nav{display:none}.mobile-toggle{display:grid}.mobile-menu.is-open{display:grid;position:absolute;top:74px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:15px 24px;gap:4px;box-shadow:0 16px 22px #13425d1a}.mobile-menu a{font-size:.92rem;padding:12px;border-radius:8px}.mobile-menu a[aria-current="page"]{background:#f0f7fa;color:#087ca4}.hero{padding:63px 0}.hero-grid,.flagship,.product-hero,.sviews-split,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:590px;margin:25px auto 0;width:92%}.section{padding:64px 0}.flagship{gap:22px}.secondary-grid,.about-strip{grid-template-columns:1fr}.about-strip{gap:17px}.detail-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1.3fr 1fr;gap:25px}.footer-content>div:last-child{grid-column:1/-1}.cta-banner{align-items:flex-start;flex-direction:column}.subhero{padding:56px 0}.section-head{display:block}.section-head .button{margin-top:12px}}
@media(max-width:520px){.container{width:calc(100% - 34px)}.brand-sub{max-width:205px}.hero{padding:48px 0}.hero h1{font-size:clamp(2.7rem,10vw,3.8rem);letter-spacing:-.058em}.hero .kicker{font-size:1.03rem}.hero-proof{gap:9px}.hero-art{width:100%}.device-grid{grid-template-columns:89px 1fr;min-height:243px}.device-sidebar{padding:14px 6px}.device-side-item{font-size:7px;padding:7px 4px}.device-panel{padding:12px 9px}.device-panel h3{font-size:13px}.mini-tiles{gap:4px}.mini-tile{padding:8px 4px;min-height:60px}.mini-tile strong{font-size:7px}.mini-tile span{font-size:6px}.mini-chart{margin-top:6px}.device-phone{width:106px;height:195px;right:-8px;bottom:-4px;padding:9px 6px;border-width:5px}.device-phone .phone-brand{font-size:11px}.device-phone .phone-title{font-size:9px;margin:12px 0}.device-phone .phone-tile{font-size:7px;padding:7px 4px;margin-bottom:5px}.section{padding:50px 0}.section-head{margin-bottom:21px}.flagship{padding:22px;gap:17px}.flagship-logo{max-width:270px}.flagship h3{font-size:1.6rem}.feature-panel{padding:15px}.module-grid{grid-template-columns:repeat(2,1fr);gap:7px}.module{padding:12px 9px;min-height:101px}.module strong{font-size:.72rem}.module small{font-size:.62rem}.secondary-grid{gap:13px;margin-top:13px}.solution-card{padding:22px}.detail-grid,.portfolio-grid{grid-template-columns:1fr}.detail-card{min-height:0}.flow-steps{grid-template-columns:repeat(2,1fr)}.flow-step{padding:17px 12px}.contact-panel{padding:23px}.form-grid{grid-template-columns:1fr;gap:0}.cta-banner{padding:27px}.footer-content{grid-template-columns:1fr}.footer-content>div:last-child{grid-column:auto}.footer-bottom{display:block}.overview-stage{min-height:300px;padding:38px 24px}.overview-controls{padding:17px}.overview-audio-note{width:100%}.overview-slide h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Narrow-screen safeguard for descriptive product status pills */
@media(max-width:520px){.product-hero>div{min-width:0}.product-hero .pill{white-space:normal;max-width:100%;overflow-wrap:anywhere}.product-hero .pills{min-width:0}}

/* October 2026 local design refinement: white, confident typography, restrained teal. */
:root{--ink:#142526;--navy:#132e30;--text:#526466;--blue:#007d80;--line:#dde6e4;--round:14px;--shadow:0 12px 34px rgba(20,46,48,.045)}
.hero{background:#fff;padding:82px 0 88px}.hero h1 .accent{color:#007d80}.hero-copy .eyebrow{max-width:420px;line-height:1.8}.eyebrow{color:#007d80;letter-spacing:.13em}.hero-art:before{background:#eef7f4;border-radius:18px;inset:-25px -15px -16px 20px}.hero-proof{border-top:1px solid var(--line);padding-top:22px;gap:14px}.button{border-radius:6px;min-height:49px}.button.blue{background:#007d80;border-color:#007d80}.button.blue:hover{background:#005f62}.button.secondary{border-color:#9daead}.card{box-shadow:none;border-radius:14px}.flagship{border-top:4px solid #007d80}.section-head h2{max-width:740px}.brand-mark{object-fit:contain;border-radius:0}.nav-link[aria-current="page"]{color:#007d80}.nav-link[aria-current="page"]:after{background:#007d80}.partner-logo{object-fit:contain;object-position:left center;margin:20px 0;max-width:100%}.sviews-logo{width:180px;height:112px}.atp-logo{width:190px;height:140px}.studio-feature{margin:0 0 30px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f6f9f8}.studio-feature>img{width:100%;height:auto}.studio-feature figcaption{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 24px;font-size:.83rem;color:#526466}.contact-panel{box-shadow:var(--shadow);border-top:4px solid #007d80}.subhero{background:#f4f8f6}.cta-banner{background:#eaf4f0;color:var(--ink);border:1px solid #d5e7df}.cta-banner h2{color:var(--ink)}.cta-banner p{color:#526466}.cta-banner .button{background:#132e30;color:white}.solution-card .top{border-bottom:1px solid var(--line);padding-bottom:20px}.solution-card{display:flex;flex-direction:column}.solution-card .text-link{margin-top:auto;padding-top:18px}.footer-bottom{color:#526466}.micro,.overview-audio-note{color:#526466}.info{border-radius:8px}.contact-method .addr{overflow-wrap:anywhere}.overview-page{min-width:40px}.overview-left{flex-wrap:wrap}.shot{margin:0}.product-hero>*,.contact-grid>*{min-width:0}
@media(max-width:800px){.hero{padding:54px 0 64px}.hero-grid{gap:36px}.hero-art:before{inset:-12px 0}.partner-logo{max-width:190px}.studio-feature figcaption{padding:16px}.header-content{gap:12px}}
@media(max-width:520px){.hero h1{font-size:2.8rem}.hero-actions .button{flex:1 1 auto}.hero-proof{display:grid}.brand-sub{max-width:190px}.hero-art{width:96%}.overview-left{gap:6px}.overview-controls{padding:14px}.overview-controls .button{padding:8px 12px}.pill{white-space:normal}.button-row{flex-wrap:wrap}.contact-panel{padding:21px}.sviews-logo{height:96px}.atp-logo{height:120px}}

/* Studio image and website description share the row equally. */
.studio-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;margin-bottom:36px}.studio-split .studio-feature{margin:0}.studio-description{padding:12px 0}.studio-description h3{font-size:clamp(1.8rem,3vw,2.6rem)}.studio-description p{color:var(--text)}.studio-description .studio-note{margin:18px 0 0;font-size:.78rem}.studio-split .studio-feature figcaption{padding:14px 18px;font-size:.75rem;gap:8px}
@media(max-width:800px){.studio-split{grid-template-columns:1fr;gap:20px}.studio-description{padding:0}}

.portfolio-card .portfolio-brand-logo{display:block;width:180px;height:180px;max-width:100%;object-fit:contain;margin:18px 0 0;align-self:flex-start}

/* Phone usability: visible section links and comfortable touch targets. */
@media(max-width:800px){.jumpbar .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}.jumpbar a{white-space:normal;display:flex;align-items:center;min-height:44px;padding:10px 12px}.mobile-toggle{min-width:44px;min-height:44px}.field input,.field select,.field textarea{font-size:16px}.overview-left .button{min-width:44px;min-height:44px}.modal-shell{max-height:calc(100dvh - 24px)}}
@media(max-width:360px){.brand-sub{max-width:160px}.hero h1{font-size:2.5rem}.module-grid{grid-template-columns:1fr}.broadcast-item{flex-wrap:wrap;gap:8px}}