:root{--navy:#061a2a;--navy2:#0b2b3b;--mint:#94e5cc;--ivory:#f4f6f2;--pale:#e8f0eb;--ink:#132e3b;--muted:#58717a;--line:#cbdad4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.72 Inter,'Segoe UI',system-ui,sans-serif;background:var(--ivory);color:var(--ink)}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-weight:820;letter-spacing:-.06em;line-height:1.09;margin:0}h1{font-size:clamp(46px,5.7vw,80px)}h2{font-size:clamp(35px,4vw,58px)}h3{font-size:clamp(21px,2.2vw,29px)}h1 span,h2 span{color:var(--mint)}p{margin-top:0}a{color:inherit}.wrap{width:min(calc(100% - 72px),1180px);margin:auto}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.eyebrow.mint{color:var(--mint)}.eyebrow.dark{color:#397d75}.dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;vertical-align:middle;margin-right:9px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:8px;z-index:1000;background:var(--mint);padding:12px;color:var(--navy)}
.header{position:relative;z-index:40;background:#071725;border-bottom:1px solid #40606c55;color:white}.nav-inner{min-height:79px;display:flex;align-items:center;gap:26px}.wordmark{font-weight:850;font-size:34px;letter-spacing:-.095em;color:#fff;text-decoration:none;line-height:.86}.wordmark span,.footer-brand span{color:var(--mint)}.wordmark small{display:block;font-size:8px;letter-spacing:.23em;color:#9eBBC5;margin-top:8px}.desktop-nav{display:flex;gap:27px;margin-left:auto;align-items:center}.nav-link{color:#bbd0d8;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--mint)}.nav-cta{color:white;border:1px solid #587482;border-radius:6px;padding:11px 17px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta:hover{background:var(--mint);border-color:var(--mint);color:var(--navy)}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid #53707b;border-radius:6px;height:41px;width:43px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:18px;height:2px;background:var(--mint)}.mobile-menu{background:#0a2536;padding:15px 27px 26px;box-shadow:0 15px 25px #0006}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid #395663;color:white;text-decoration:none}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 22px;min-height:50px;border-radius:6px;font-size:12px;font-weight:800;text-decoration:none;border:1px solid transparent;text-align:center;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:#082838}.btn-primary:hover{background:#c0ffe9}.btn-dark{background:#0d3040;color:#fff}.btn-dark:hover{background:#214b5a}.btn-ghost{border-color:#567787;background:transparent;color:white}.btn-soft{background:#deece5;color:#154554;border-color:#bad5ca}.text-button{font-size:13px;font-weight:800;color:#206a68;display:inline-block;border-bottom:1px solid #6eaba2;padding-bottom:4px;text-decoration:none}.text-button:hover{color:#123f46}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero{background:radial-gradient(ellipse at 85% 43%,#28586955,transparent 53%),var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.05fr);gap:66px;min-height:625px;align-items:center}.hero-copy{padding:76px 0;position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.2vw,74px);margin:23px 0 25px;line-height:1.035}.hero-description{max-width:520px;color:#b8cbd3;line-height:1.85;font-size:16px}.hero-small{display:flex;flex-wrap:wrap;gap:7px;margin-top:47px}.hero-small span{font-size:10px;color:#bbd1d8;border:1px solid #426270;border-radius:28px;padding:6px 12px}.hero-visual{position:relative;z-index:2;padding:28px 0}.hero-visual-top{display:flex;justify-content:space-between;gap:15px;color:#a1bdc6;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:11px}.hero-visual-top span:first-child{color:var(--mint)}.hero-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:11px;color:#b0c5ce}.hero-visual-caption b{color:white}.hero-visual-caption a{color:var(--mint);text-decoration:none;font-weight:800}.orbit{border:1px solid #94e5cc23;border-radius:50%;position:absolute;z-index:-1;pointer-events:none}.orbit.one{width:570px;height:570px;left:10px;top:-45px}.orbit.two{width:420px;height:420px;right:-140px;top:50px}.hero-code{display:flex;flex-direction:column;gap:10px}.codeframe{border:1px solid #3d6474;border-radius:18px;background:linear-gradient(180deg,#0c2b3d,#0a2435);box-shadow:0 30px 80px #0008;overflow:hidden;animation:rise .8s ease both}.codeframe-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #315464;color:#aac4ce;font-size:12px}.codeframe-top strong{justify-self:center;font-size:14px;color:#dce9ed;letter-spacing:-.02em}.codeframe-status{font-size:11px;color:var(--mint);font-weight:800}.codeframe-body{display:grid;grid-template-columns:112px 1fr;min-height:430px}.codeframe-nav{padding:24px 12px;border-right:1px solid #294758;display:flex;flex-direction:column;gap:10px}.codeframe-nav span{font-size:15px;color:#9eb6bf;padding:11px 12px;border-radius:10px}.codeframe-nav .active{background:#153c4f;color:#9be2d0;font-weight:800}.codeframe-content{padding:38px 34px 30px}.eyebrow-sub{font-size:11px;color:#7fa4b1;font-weight:800;letter-spacing:.14em;margin:0 0 26px}.codeframe-content h2{font-size:clamp(44px,4vw,60px);line-height:1.02;margin:0 0 28px;color:#f2f6f7}.codeframe-content h2 span{color:var(--mint)}.code-checks{list-style:none;margin:0;padding:0;border-top:1px solid #2e4f5e}.code-checks li{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #2e4f5e;font-size:15px;color:#c7d7dc}.code-checks li span{width:14px;height:14px;border-radius:50%;border:1px solid #76b8b0;display:inline-block;position:relative}.code-checks li:nth-child(-n+2) span:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mint)}.code-checks b{font-size:12px;color:#93d8c8;font-weight:800;letter-spacing:.02em}.codeframe-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid #294758;color:#99b8c2;font-size:12px}.codeframe-foot span{display:flex;align-items:center;gap:9px}.codeframe-foot i{width:10px;height:10px;border-radius:50%;background:var(--mint);display:inline-block;box-shadow:0 0 0 4px #79d6c51c}.codeframe-foot small{font-size:11px;letter-spacing:.08em;color:#7f99a4}
.browser{border:1px solid #bbd0cf;border-radius:11px;background:#e6efea;padding:10px;overflow:hidden;box-shadow:0 16px 32px #0e33301d}.hero-visual .browser{box-shadow:0 30px 80px #0008;animation:rise .8s ease both}.browser-bar{height:32px;background:#fafcfa;border:1px solid #d0dfdc;border-bottom:0;border-radius:6px 6px 0 0;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:10px;color:#72888c;padding:0 12px}.traffic{display:flex;gap:4px}.traffic i{display:block;height:7px;width:7px;border-radius:50%;background:#aec9c2}.traffic i:first-child{background:#7ac8b6}.browser-domain{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-lock{text-align:right}.browser-image{aspect-ratio:1586 / 714;background:#0e2837;border:1px solid #d0dfdc;border-radius:0 0 6px 6px;overflow:hidden}.browser-image img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.browser-image.dark-image{background:#06182a}.trust{background:#102d3c;color:#bad0d8;border-top:1px solid #365767}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 0}.trust-inner span{font-size:11px;font-weight:700}.trust-inner span:before{content:'';display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:10px;vertical-align:middle}
.section{padding:101px 0}.intro-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.intro-grid h2,.split h2{margin:17px 0 23px}.intro-grid h2 span,.split h2 span,.section-title h2 span,.faq-layout h2 span,.project-details h2 span,.contact-aside h2 span{color:#4a827b}.intro-grid p,.split p.copy{font-size:15px;line-height:1.86;color:var(--muted)}.intro-grid strong{color:#14323c}.intro-grid .text-button{margin-top:13px}.work-band,.pale-section,.faq-section{background:var(--pale)}.section-title{display:grid;grid-template-columns:1fr 325px;gap:50px;align-items:end;margin-bottom:40px}.section-title h2{margin-top:15px}.section-title>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px}.project-card{min-width:0}.project-card .browser{transition:transform .2s,border-color .2s}.project-card:hover .browser{transform:translateY(-3px);border-color:#74a99e}.project-meta{padding:20px 4px}.project-meta h3{margin:9px 0}.project-meta p:not(.eyebrow){font-size:14px;line-height:1.7;color:#58707a}.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:20px}.footnote{font-size:12px;color:#60777d;padding-top:23px;border-top:1px solid #c1d4cc;margin-top:25px}.dark-section{background:#082637;color:#fff}.dark-section h2 span,.dark-title h2 span{color:var(--mint)}.dark-title>p{color:#b3c6cf}.feature-three,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.feature-three>div,.steps>div{padding:25px 7px 12px 0;border-top:1px solid #3e6070}.feature-three .number,.steps>div>span{font-size:11px;color:var(--mint);font-weight:800;letter-spacing:.1em}.feature-three h3,.steps h3{font-size:24px;margin:27px 0 11px}.feature-three p{font-size:14px;color:#aec4ce;line-height:1.8}.center-action{text-align:center;margin-top:40px}.steps>div{border-top-color:#b9d3c9}.steps>div>span{color:#367b75}.steps p{font-size:14px;color:var(--muted);line-height:1.75}.process-preview>.wrap>.text-button{margin-top:29px}.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:82px}.faq-layout h2{margin-top:20px}.faq-list details{padding:20px 0;border-bottom:1px solid #bcd0c8}.faq-list details:first-child{border-top:1px solid #bcd0c8}.faq-list summary{list-style:none;font-size:15px;font-weight:800;cursor:pointer;padding-right:30px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:#307c76;font-size:21px;top:-6px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.85;margin:12px 0 0}
.bottom-cta{padding:73px 0;background:#bcead9}.cta-inner{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}.bottom-cta .eyebrow{color:#27766b}.bottom-cta h2{margin:14px 0}.bottom-cta h2 span{color:#397f72}.bottom-cta p:not(.eyebrow){color:#365e65;font-size:14px;max-width:660px}.footer{background:var(--navy);padding:69px 0 26px;color:#fff}.footer-main{display:grid;grid-template-columns:1.45fr .75fr 1fr;gap:55px;padding-bottom:43px;border-bottom:1px solid #355565}.footer-brand{font-size:43px;font-weight:850;letter-spacing:-.09em;text-decoration:none}.footer-main p{color:#a5bac2;font-size:13px;max-width:380px;line-height:1.8;margin-top:12px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links b{font-size:12px;margin:9px 0}.footer-links a{font-size:13px;text-decoration:none;color:#b3c9d1}.footer-links a:hover{color:var(--mint)}.footer-bottom{padding-top:22px;color:#9bb3bd;font-size:11px;display:flex;justify-content:space-between;gap:20px}
.page-hero{background:radial-gradient(ellipse at 98% 20%,#285d5f55,transparent 55%),var(--navy);color:white;padding:52px 0 84px}.page-hero h1{margin:24px 0 21px;max-width:1030px}.page-hero .lead{color:#b4cbd3;line-height:1.8;font-size:17px;max-width:800px}.crumbs{display:flex;gap:10px;color:#aac4ca;font-size:11px;margin-bottom:36px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--mint)}.split .browser{margin:0}.split .btn{margin-top:19px}.image-caption{font-size:11px;color:#68838b;margin-top:8px}.service-showcase{display:flex;flex-direction:column;gap:10px}.service-card{background:linear-gradient(180deg,#0f3043,#0b2636);border:1px solid #3b616d;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0d2f3414}.service-card-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #365867;color:#a7c1ca}.service-card-top strong{font-size:13px;letter-spacing:-.02em;color:#dfeaed;justify-self:center}.service-card-badge{font-size:11px;font-weight:800;color:var(--mint)}.service-card-body{display:grid;grid-template-columns:100px 1fr;min-height:100%}.service-card-nav{padding:22px 10px;border-right:1px solid #2e4f5c;display:flex;flex-direction:column;gap:10px}.service-card-nav span{font-size:14px;color:#99b4be;padding:10px 10px;border-radius:10px}.service-card-nav .active{background:#173d50;color:#9be0d0;font-weight:800}.service-card-main{padding:20px 20px 18px}.service-card-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#7ca1ad;margin:0 0 14px}.browser-embedded{box-shadow:none;border-color:#c6d6d3;background:#e6efea}.browser-embedded .browser-image{border-color:#d0dfdc}.service-card-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.service-card-list li{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start;font-size:13px;color:#bdd0d6}.service-card-list li span{width:12px;height:12px;border-radius:50%;border:1px solid #79c8bc;display:inline-block;position:relative;top:3px}.service-card-list li span:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mint)}.service-card-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;border-top:1px solid #2e4f5c;color:#9fbbc3;font-size:12px}.service-card-foot span{display:flex;align-items:center;gap:9px}.service-card-foot i{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--mint);box-shadow:0 0 0 4px #79d6c51c}.service-card-foot a{font-weight:800;color:#9de0d0;text-decoration:none}.service-card-foot a:hover{color:#dff7f2}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px}.detail-grid>div{border-top:1px solid #bcd2c8;padding:23px 10px 9px 0}.detail-grid b{font-size:12px;color:#40887d}.detail-grid h3{font-size:24px;margin:23px 0 10px}.detail-grid p,.copy-stack p{font-size:14px;color:var(--muted);line-height:1.83}.narrow{max-width:850px}.narrow h2{margin:18px 0 25px}.two-options{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin:29px 0}.two-options>div{background:#113648;border:1px solid #3d6471;border-radius:8px;padding:25px}.two-options h3{font-size:24px;margin-bottom:14px}.two-options p,.muted-on-dark{font-size:14px;color:#acc5cf;line-height:1.8}.dark-section .btn{margin-top:20px}.copy-stack h3{font-size:23px;margin-bottom:8px}.copy-stack>h3:not(:first-child){margin-top:23px}.timeline{max-width:950px}.timeline-row{display:grid;grid-template-columns:90px 1fr;gap:40px;border-top:1px solid #c7d9d2;padding:40px 0}.timeline-row>span{color:#40847a;font-weight:850;font-size:16px}.timeline-row h2{font-size:clamp(29px,3.5vw,44px);margin-bottom:17px}.timeline-row p{font-size:15px;color:var(--muted);line-height:1.85;max-width:760px}.inline-note{border-top:1px solid #c2d3ca;margin-top:50px;padding-top:29px;display:grid;grid-template-columns:260px 1fr;gap:36px}.inline-note h2{font-size:29px}.inline-note p{font-size:14px;color:var(--muted)}.feature-project{max-width:990px;margin:auto}.feature-project .browser-image{aspect-ratio:1586 / 714}.project-details{max-width:760px;margin:60px auto 0}.project-details h2{margin:17px 0 24px}.project-details p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85}.about-aside{background:#103142;border:1px solid #3b6271;color:white;border-radius:12px;padding:32px;box-shadow:0 22px 50px #092b1f18}.aside-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mint);margin-bottom:20px}.aside-row{display:flex;gap:23px;align-items:center;padding:20px 0;border-top:1px solid #34596a}.aside-row b{font-size:12px;color:var(--mint)}.aside-row strong{font-size:24px;letter-spacing:-.04em}.about-aside p{color:#a9c5d0;font-size:13px;margin:12px 0 0}
.contact-grid{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:start}.contact-aside h2{font-size:44px;margin:18px 0}.contact-aside p{color:var(--muted);font-size:14px}.contact-aside .email-link{color:#1b7574;font-weight:800;font-size:17px;overflow-wrap:anywhere;text-underline-offset:5px}.small-notes{border-top:1px solid #cbdad5;margin-top:39px;padding-top:24px}.small-notes p{margin-bottom:22px}.form-panel{background:#fff;border:1px solid #cfdfd8;border-radius:11px;padding:34px;box-shadow:0 18px 40px #132c2713}.form-header{border-bottom:1px solid #d5e2dc;margin-bottom:25px;padding-bottom:20px}.form-header h2{font-size:30px}.form-header p{font-size:13px;color:#6a8086;margin:10px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:19px}.field label{font-size:12px;font-weight:800;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #c6d9d1;border-radius:6px;color:#143643;background:#fbfcfa;padding:12px 13px;font-size:14px}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #95decb;outline-offset:1px}.consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#587079}.consent input{margin-top:4px;accent-color:#347c72}.consent a{color:#247570}.form-actions{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.form-actions span{font-size:11px;color:#70868b}.btn:disabled{opacity:.53;cursor:not-allowed;transform:none}.spam-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-status{background:#fff0e5;border:1px solid #d49b6d;border-radius:6px;color:#703e24;padding:13px;margin-top:18px;font-size:13px}.form-status[hidden]{display:none}.form-status.is-ok{background:#e5f4ed;color:#256044}.legal-copy{max-width:850px}.legal-copy h2{font-size:27px;letter-spacing:-.03em;margin:35px 0 13px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:var(--muted);font-size:15px;line-height:1.85}.legal-copy a{color:#1a7475}.legal-note{font-size:13px!important;padding-top:25px;border-top:1px solid #c4d7ce}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.desktop-nav{gap:16px}.nav-cta{padding:10px 11px}.hero-grid{gap:32px}.intro-grid{gap:50px}.split{gap:35px}}
@media(max-width:870px){.wrap{width:min(calc(100% - 44px),1180px)}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.nav-inner{min-height:73px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:66px 0 5px}.hero-visual{max-width:690px;width:100%;padding:24px 0 55px}.codeframe-body{grid-template-columns:90px 1fr;min-height:360px}.codeframe-content{padding:28px 22px 24px}.section{padding:74px 0}.intro-grid,.split,.section-title,.faq-layout,.contact-grid{grid-template-columns:1fr;gap:25px}.service-card-body{grid-template-columns:88px 1fr}.section-title>p{max-width:650px}.cta-inner{grid-template-columns:1fr;gap:23px}.footer-main{grid-template-columns:1.3fr 1fr;gap:35px}.footer-main>div:first-child{grid-column:1/-1}.page-hero{padding:44px 0 72px}}
@media(max-width:600px){.wrap{width:min(calc(100% - 34px),1180px)}.nav-inner{min-height:67px}.wordmark{font-size:30px}.hero-copy{padding:59px 0 3px}.hero h1{font-size:clamp(43px,11vw,56px)}.hero-description{font-size:15px}.hero-small{margin-top:27px}.hero-small span{font-size:9px}.hero-visual{padding:24px 0 41px}.hero-visual-caption{font-size:10px;flex-direction:column;align-items:flex-start}.trust-inner{grid-template-columns:1fr;gap:9px;padding:17px 0}.section{padding:59px 0}.intro-grid h2,.section-title h2,.faq-layout h2{font-size:clamp(34px,9vw,49px)}.projects,.feature-three,.steps,.detail-grid,.two-options{grid-template-columns:1fr}.project-meta{padding-top:14px}.browser{padding:7px}.browser-bar{height:27px;font-size:9px}.codeframe-top{padding:12px 14px;grid-template-columns:auto 1fr}.codeframe-top strong{justify-self:start;font-size:13px}.codeframe-status{display:none}.codeframe-body{grid-template-columns:78px 1fr;min-height:320px}.codeframe-nav{padding:16px 8px}.codeframe-nav span{font-size:12px;padding:9px 8px}.codeframe-content{padding:20px 14px 20px}.codeframe-content h2{font-size:clamp(32px,9vw,42px);margin-bottom:18px}.eyebrow-sub{font-size:9px;margin-bottom:16px}.code-checks li{font-size:12px;grid-template-columns:12px 1fr auto;gap:8px;padding:12px 0}.code-checks b{font-size:10px}.codeframe-foot{padding:12px 14px;font-size:10px}.service-card-top{padding:12px 14px;grid-template-columns:auto 1fr}.service-card-top strong{justify-self:start;font-size:12px}.service-card-badge{display:none}.service-card-body{grid-template-columns:74px 1fr}.service-card-nav{padding:15px 7px}.service-card-nav span{font-size:11px;padding:8px 7px}.service-card-main{padding:14px 12px 14px}.service-card-kicker{font-size:9px;margin-bottom:10px}.service-card-list{margin-top:12px;gap:8px}.service-card-list li{font-size:11px;gap:8px}.service-card-foot{padding:12px 14px;font-size:10px;flex-direction:column;align-items:flex-start}.feature-three>div{padding:19px 0 6px}.feature-three h3{margin:15px 0 9px}.steps>div{padding:19px 0 4px}.steps h3{margin:18px 0 9px}.detail-grid>div{padding:19px 0 4px}.detail-grid h3{margin:15px 0 9px}.page-hero{padding:37px 0 62px}.page-hero h1{font-size:clamp(40px,10.2vw,59px)}.page-hero .lead{font-size:15px}.crumbs{margin-bottom:25px}.timeline-row{grid-template-columns:1fr;gap:8px;padding:26px 0}.inline-note{grid-template-columns:1fr;gap:9px}.project-details{margin-top:38px}.project-details p:not(.eyebrow){font-size:15px}.footer{padding-top:55px}.footer-main{grid-template-columns:1fr;gap:29px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.bottom-cta{padding:58px 0}.form-panel{padding:22px 18px}.form-row{grid-template-columns:1fr;gap:0}.form-header h2{font-size:26px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}.contact-aside h2{font-size:36px}.faq-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Final refinement: clear keyboard focus, stable images, comfortable reading. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7ee6c9;outline-offset:4px}
.wordmark:focus-visible,.nav-link:focus-visible,.nav-cta:focus-visible,.footer-links a:focus-visible{border-radius:3px}
.project-card .browser-image img{max-width:100%;height:100%;object-fit:contain}
.hero-code .codeframe{isolation:isolate}
.hero-code .code-checks li{min-width:0}
.hero-code .code-checks li b{text-align:right}
.footer-main a,.footer-email{overflow-wrap:anywhere}
@media(max-width:390px){.codeframe-body{grid-template-columns:72px minmax(0,1fr)}.codeframe-nav{padding:16px 5px}.codeframe-nav span{font-size:11px;padding:10px 5px}.codeframe-content{padding:19px 11px 18px}.codeframe-content h2{font-size:clamp(28px,8.4vw,34px)}.code-checks li{grid-template-columns:12px minmax(0,1fr) auto;gap:6px;font-size:11px}.code-checks b{font-size:9px}.codeframe-top strong{font-size:12px}}

/* 2026 visual refinement: quiet three-panel code studio; supports, not competes with, hero copy */
.hero-code .codeframe{background:#081f30;border:1px solid #325667;border-radius:15px;box-shadow:0 25px 64px #00101b85;max-width:100%}
.hero-code .codeframe-top{height:43px;padding:0 15px;grid-template-columns:auto 1fr auto;border-bottom:1px solid #264453;gap:10px}
.hero-code .codeframe-top strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:650;font-size:11px;letter-spacing:0;color:#b7ccd6}
.hero-code .codeframe-status{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#a2dccc;white-space:nowrap}
.hero-code .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}
.studio-layout{display:grid;grid-template-columns:118px minmax(0,1fr) 166px;min-height:334px;overflow:hidden}
.studio-files{border-right:1px solid #263e4c;padding:21px 9px;background:#071c2b;min-width:0}
.studio-label{font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;font-weight:800;color:#7496a7;margin:0 0 18px}
.studio-file{display:flex;align-items:center;gap:6px;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;white-space:nowrap;color:#9cb6c7;padding:10px 6px;border-radius:5px;line-height:1.3}
.studio-file.active{background:#153d52;color:#9de7d0;font-weight:750}
.file-symbol{font-size:10px;color:#74abbe;width:15px;flex:none}
.studio-editor{min-width:0;background:#0b2436;display:flex;flex-direction:column}
.studio-tab{height:37px;padding:10px 12px 10px 15px;border-bottom:1px solid #254554;background:#143549;display:flex;align-items:center;justify-content:space-between;color:#b1d5e1;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;width:max-content;min-width:102px}
.studio-tab span{color:#78d7bd;font-size:8px}
.studio-code{padding:29px 10px 15px 6px;flex:1;overflow:hidden}
.studio-code>div{display:flex;gap:12px;white-space:nowrap;line-height:2.25}
.studio-code em{font-style:normal;color:#537586;min-width:16px;text-align:right;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.studio-code code{font:500 10px/2.25 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e6eef0;letter-spacing:-.01em}
.code-blue{color:#83b9c7}.code-mint{color:#80dbc1}.code-cream{color:#e9d6a4}
.studio-editor-foot{margin-top:auto;display:flex;justify-content:space-between;gap:6px;padding:10px 11px;border-top:1px solid #224353;color:#7496a7;font-size:9px}
.studio-editor-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}
.studio-plan{border-left:1px solid #2a4858;background:#081d2d;padding:22px 13px;min-width:0}
.studio-plan ul{padding:0;margin:0;list-style:none}
.studio-plan li{display:flex;align-items:center;gap:9px;font-size:11px;color:#c7d8db;line-height:1.3;padding:12px 0}
.studio-plan li small{margin-left:auto;color:#7f9dac;font-size:9px}
.plan-dot{width:11px;height:11px;border-radius:50%;border:1px solid #54768a;flex:none}
.plan-dot.done{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 3px #94e5cc18}
.studio-plan-progress{margin-top:15px;background:#244453;border-radius:15px;height:5px;overflow:hidden}
.studio-plan-progress span{display:block;background:var(--mint);height:100%;width:53%;border-radius:15px}
.studio-plan-foot{font-size:10px;color:#779eac;line-height:1.55;margin:18px 0 0}
.hero-code .codeframe-foot{padding:11px 15px;font-size:10px;background:#0b293a;border-top:1px solid #2a4858}
.hero-code .codeframe-foot small{font-size:9px}
.hero-code .hero-visual-caption{padding-top:9px}
@media(max-width:1100px) and (min-width:871px){.studio-layout{grid-template-columns:94px minmax(0,1fr) 128px}.studio-files{padding:18px 6px}.studio-file{font-size:9px;padding:9px 4px}.studio-plan{padding:19px 9px}.studio-plan li{font-size:10px}.studio-code code{font-size:9px}.studio-code>div{gap:8px}.studio-code{padding:25px 4px}}
@media(max-width:600px){.hero-code .codeframe-top{height:39px;padding:0 12px}.hero-code .codeframe-top strong{font-size:10px}.hero-code .codeframe-status{font-size:9px;display:flex}.studio-layout{grid-template-columns:79px minmax(0,1fr);min-height:0}.studio-files{padding:14px 5px}.studio-label{font-size:8px;margin-bottom:10px}.studio-file{font-size:9px;gap:2px;padding:9px 3px}.file-symbol{display:none}.studio-tab{height:32px;font-size:9px;padding:7px 9px}.studio-code{padding:14px 7px 12px 3px}.studio-code>div{line-height:2;gap:6px}.studio-code code{font-size:9px;line-height:2}.studio-code em{font-size:8px;min-width:13px}.studio-editor-foot{font-size:8px}.studio-plan{grid-column:1 / -1;padding:15px 12px;border-left:0;border-top:1px solid #254654}.studio-plan ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.studio-plan li{display:flex;flex-wrap:wrap;gap:4px;font-size:10px;padding:3px 0}.studio-plan li small{display:none}.studio-plan .studio-label{margin-bottom:10px}.studio-plan-progress{margin-top:12px}.studio-plan-foot{display:none}.hero-code .codeframe-foot{font-size:9px}.hero-code .codeframe-foot small{font-size:8px}}
@media(max-width:360px){.studio-layout{grid-template-columns:73px minmax(0,1fr)}.studio-file{font-size:8px}.studio-code code{font-size:8px}.studio-code>div{gap:4px}.hero-code .codeframe-top strong{font-size:9px}.hero-code .codeframe-status{font-size:8px}}

/* The service-page preview lives inside its own dark coding card.
   Remove only its extra pale browser frame; preserve all other previews. */
.service-card .browser-embedded {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
}
.service-card .browser-embedded .browser-bar {
  background: #0a2637;
  color: #b9d1d7;
  border-color: #345766;
}
.service-card .browser-embedded .browser-image {
  background: #091d2b;
  border-color: #345766;
}