:root{--navy:#102037;--navy2:#16263c;--teal:#0d9488;--teal-dark:#08766f;--mint:#d9f5ec;--cream:#f4f2eb;--white:#fffefa;--text:#5b6778;--border:#dcdad2;--orange:#f59e0b;--shadow:0 20px 60px rgba(15,35,55,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid rgba(13,148,136,.4);outline-offset:4px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,242,235,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,218,210,.8)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--teal);color:#fff;font-size:15px;font-weight:900;letter-spacing:-2px;box-shadow:0 10px 25px rgba(13,148,136,.2)}.brand-mark span{color:#55e6c5}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--text)}nav{display:flex;gap:32px;font-size:14px;font-weight:700;color:var(--text)}nav a:hover,.footer-links a:hover{color:var(--teal)}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:0 24px;background:var(--teal);color:#fff;font-size:14px;font-weight:850;box-shadow:0 14px 34px rgba(13,148,136,.2);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--teal-dark)}.button-small{min-height:40px;border-radius:999px;padding:0 17px;box-shadow:none}.phone-short{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background-image:linear-gradient(rgba(16,32,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,55,.035) 1px,transparent 1px);background-size:44px 44px}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-230px;top:40px;border-radius:50%;background:rgba(217,245,236,.7);filter:blur(55px);z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;min-height:675px;padding-block:78px}.eyebrow{margin:0;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.pill{display:inline-flex;padding:9px 13px;border:1px solid rgba(13,148,136,.18);border-radius:999px;background:var(--white);letter-spacing:0;text-transform:none;box-shadow:0 3px 12px rgba(16,32,55,.05)}h1,h2,h3,p{margin-top:0}h1{margin:28px 0 0;max-width:690px;font-size:clamp(48px,5.8vw,72px);line-height:.98;letter-spacing:-.055em}h1 span{position:relative;color:var(--teal)}h1 span:after{content:"";position:absolute;left:2%;right:0;bottom:-9px;height:7px;border-radius:100%;background:var(--orange);transform:rotate(-1deg)}.hero-lede{max-width:680px;margin:30px 0 0;color:var(--text);font-size:19px;line-height:1.65}.actions{display:flex;gap:12px;margin-top:32px}.button-secondary{background:var(--white);color:var(--navy);border:1px solid var(--border);box-shadow:none}.button-secondary:hover{background:#fff;color:var(--teal)}.benefits{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0 0;padding:0;list-style:none;color:var(--text);font-size:13px;font-weight:700}.benefits li::first-letter{color:var(--teal)}.website-visual{position:relative}.browser-frame{padding:12px;border-radius:29px;background:#122033;box-shadow:0 35px 90px rgba(15,23,42,.24)}.browser-bar{height:55px;display:flex;align-items:center;gap:7px;padding:0 20px;background:#fff;border-radius:19px 19px 0 0}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.browser-bar i:nth-child(2){background:#f8c74d}.browser-bar i:nth-child(3){background:#38c98b}.browser-bar b{height:24px;flex:1;margin-left:10px;border-radius:6px;background:#f1f3f5}.mock-site{padding:28px;background:#f7f4ec;border-radius:0 0 19px 19px}.mock-nav{display:flex;justify-content:space-between;margin-bottom:44px}.mock-nav span{width:110px;height:27px;border-radius:6px;background:#14243b}.mock-nav em{width:75px;height:30px;border-radius:999px;background:#16a085}.mock-main{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.mock-copy small{display:block;margin-bottom:12px;color:#16a085;font-size:9px;font-weight:900;letter-spacing:.16em}.mock-copy b,.mock-copy i{display:block;border-radius:4px;background:#14243b}.mock-copy b{height:22px;margin-bottom:8px}.mock-copy b:nth-of-type(2){width:72%}.mock-copy i{height:9px;margin-top:15px;background:#cbd2d8}.mock-copy i+ i{width:80%;margin-top:7px}.mock-copy a{display:block;width:110px;height:38px;margin-top:26px;border-radius:8px;background:var(--orange)}.mock-art{min-height:175px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#1ba98e,#0e6e68);color:#fff}.mock-art span{font-size:27px}.mock-art i{display:block;height:8px;margin-top:80px;border-radius:10px;background:rgba(255,255,255,.5)}.mock-art i+i{width:65%;margin-top:8px;background:rgba(255,255,255,.3)}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.mock-cards i{height:60px;border:1px solid rgba(16,32,55,.06);border-radius:12px;background:#fff}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:17px;background:var(--white);box-shadow:0 12px 32px rgba(15,23,42,.14)}.floating-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--teal);font-weight:900}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:13px}.floating-card small{color:var(--text);font-size:11px}.floating-left{left:-48px;top:75px}.floating-right{right:-35px;bottom:-27px}.section{padding:92px 0}.white{background:var(--white)}h2{margin:10px 0 0;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.045em}h3{line-height:1.2}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.service-card{padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--cream);transition:transform .25s,box-shadow .25s,border .25s}.service-card:hover{transform:translateY(-4px);border-color:rgba(13,148,136,.35);box-shadow:0 18px 45px rgba(15,23,42,.08)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--mint);color:var(--teal);font-weight:900}.card-top small{color:#9aa1aa;font-family:monospace}.service-card h3{margin:27px 0 10px;font-size:20px}.service-card p,.process p,.faq p{color:var(--text);font-size:14px}.service-card a,.why-copy a{display:inline-block;margin-top:12px;color:var(--teal);font-size:14px;font-weight:800}.dark{position:relative;overflow:hidden;background:var(--navy2);color:#fff}.dark:after{content:"";position:absolute;width:430px;height:430px;right:-140px;top:-180px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.why-copy .eyebrow,.dark .feature-grid span{color:#55e6c5}.why-copy h2{font-size:clamp(38px,4.5vw,54px)}.why-copy>p:not(.eyebrow){margin-top:24px;color:rgba(255,255,255,.67);font-size:17px;line-height:1.75}.why-copy a{color:#55e6c5}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.feature-grid article{padding:30px;border:1px solid rgba(255,255,255,.06);background:var(--navy2)}.feature-grid article>span{font-size:24px}.feature-grid h3{margin:34px 0 8px;font-size:17px}.feature-grid p{margin:0;color:rgba(255,255,255,.58);font-size:13px}.process-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:end}.process-grid>div>p:last-child{max-width:390px;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0;padding:0;list-style:none}.steps li{position:relative;padding:23px;border:1px solid var(--border);border-radius:18px;background:var(--white)}.steps li>small{position:absolute;top:25px;right:22px;color:#9aa1aa;font-family:monospace}.steps li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--teal);font-weight:900}.steps h3{margin:26px 0 8px;font-size:15px}.steps p{margin:0;font-size:13px}.faq{border-block:1px solid var(--border)}.faq-grid{grid-template-columns:.8fr 1.2fr}.questions{border-block:1px solid var(--border)}details{padding:19px 0;border-bottom:1px solid var(--border)}details:last-child{border:0}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:800}summary::-webkit-details-marker{display:none}summary span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;color:var(--teal);transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:650px;margin:12px 0 0}.contact-wrap{padding:90px 0}.contact-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;padding:58px!important;border-radius:30px;background:var(--teal);color:#fff;box-shadow:0 30px 80px rgba(13,148,136,.22)}.contact-panel:after{content:"";position:absolute;width:230px;height:230px;right:-55px;top:-110px;border:38px solid rgba(255,255,255,.08);border-radius:50%}.contact-panel>div{position:relative;z-index:1}.contact-panel .eyebrow{color:rgba(255,255,255,.72)}.contact-panel h2{max-width:780px;font-size:clamp(38px,4.5vw,54px)}.contact-panel>div>p:not(.eyebrow){max-width:700px;margin:18px 0 0;color:rgba(255,255,255,.77);font-size:17px}.contact-note{font-size:13px!important;font-weight:700}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-actions .button{min-width:225px}.button-white{background:#fff;color:var(--teal);box-shadow:none}.button-white:hover{background:#effcf8;color:var(--teal)}.button-outline{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.1);box-shadow:none}.button-outline:hover{background:rgba(255,255,255,.18)}footer{border-top:1px solid var(--border);background:var(--white)}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:20px;color:var(--text);font-size:13px;font-weight:700}.footer-inner>small{color:var(--text)}
@media(max-width:900px){nav{display:none}.hero-grid,.split,.process-grid,.contact-panel{grid-template-columns:1fr}.hero-grid{gap:70px;padding-block:70px}.website-visual{max-width:560px;margin:auto}.floating-left{left:-20px}.card-grid{grid-template-columns:1fr}.split,.process-grid{gap:45px}.steps{grid-template-columns:repeat(3,1fr)}.contact-panel{gap:30px}.contact-actions{flex-direction:row}.footer-inner{padding-block:28px;flex-wrap:wrap}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header .brand small{display:none}.site-header .brand strong{font-size:13px}.phone-full{display:none}.phone-short{display:inline}.button-small{padding-inline:14px}h1{font-size:46px}.hero-grid{min-height:auto;padding-block:60px}.hero-lede{font-size:17px}.actions{flex-direction:column}.actions .button{width:100%}.benefits{display:grid}.floating-card{display:none}.mock-site{padding:21px}.mock-main{grid-template-columns:1.2fr .8fr;gap:14px}.mock-art{min-height:150px}.section{padding:70px 0}.steps,.feature-grid{grid-template-columns:1fr}.contact-wrap{padding:65px 0}.contact-panel{width:calc(100% - 28px);padding:36px 24px!important}.contact-actions{flex-direction:column}.contact-actions .button{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}