:root{--navy:#152435;--deep:#101d2b;--teal:#48bec0;--coral:#f48070;--cream:#f7f6ef;--ink:#172839;--muted:#63717c;--line:#d8deda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(3.5rem,6.5vw,6.1rem);font-weight:700}h2{font-size:clamp(2.3rem,4.1vw,4rem);font-weight:600}h3{font-size:1.6rem;letter-spacing:-.035em}em{font-style:normal;color:var(--teal)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #078487;outline-offset:5px}button{color:inherit}p{margin-top:1.1rem}img{display:block;max-width:100%;height:auto}button{border:0} [hidden]{display:none!important}.wrap{max-width:1320px;margin:auto;padding-left:5%;padding-right:5%}.section{padding-top:110px;padding-bottom:110px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;margin:0 0 24px}.muted{color:var(--muted);font-size:.875rem}.skip{position:absolute;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}header{height:96px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(21,36,53,.97);color:var(--cream);border-bottom:1px solid #ffffff20;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-.04em;line-height:1.2}.brand small{display:block;font:10px/1.6 'DM Sans',sans-serif;letter-spacing:.26em;margin-top:5px}.brand-icon{font-size:2.8rem;color:var(--teal);line-height:1}nav{display:flex;gap:32px;align-items:center;font-size:.875rem}nav a:hover{color:var(--teal)}.nav-cta{border:1px solid #64707a;border-radius:30px;padding:11px 22px}.nav-cta span{margin-left:25px}.hero{background:var(--navy);color:var(--cream);max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:710px;overflow:hidden;padding-top:75px;padding-bottom:90px}.hero-copy{max-width:610px;margin-left:auto}.hero .eyebrow{font-size:.72rem;letter-spacing:.12em;display:flex;gap:10px;align-items:center}.eyebrow span{width:7px;height:7px;background:var(--coral);border-radius:50%}.intro{font-size:1.35rem;line-height:1.4;margin-top:30px}.hero-sub{color:#bbc5ce;max-width:440px;font-size:1rem}.actions{display:flex;gap:25px;align-items:center;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;border-radius:5px;font-size:.875rem;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.coral{background:var(--coral);color:var(--deep)}.navy{background:var(--navy);color:white}.outline{border:1px solid #a2acae;background:transparent}.text-link{background:none;border-bottom:1px solid currentColor;padding:5px 0;font-size:.875rem}.hero-note{margin-top:32px;color:#9daeba;font-size:.75rem}.hero-showcase{position:relative;display:flex;align-items:center;perspective:1400px;min-width:0}.floating-browser{border:1px solid #637079;border-radius:10px;overflow:hidden;width:100%;box-shadow:0 38px 75px #050c1580;transform:rotateY(-13deg) rotateZ(-3deg);animation:arrive 1s ease-out both}.browser-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:10px;background:#233548;color:#bdc9d2;font-size:12px}.browser-bar>span:first-child{color:var(--coral);letter-spacing:3px}.floating-browser img{width:100%}.orbit-label{position:absolute;top:10%;right:30px;font-size:.8rem;transform:rotate(5deg);color:#abc8ca;border-bottom:1px solid #7aa3a5;padding:10px}.small-preview{position:absolute;bottom:2%;left:0;width:55%;padding:7px;background:var(--cream);border-radius:7px;transform:rotate(6deg);box-shadow:0 25px 40px #0005;transition:transform .3s}.small-preview:hover{transform:rotate(0)}.small-preview span{display:block;font-size:12px;color:var(--navy);padding:7px;text-align:center}.design-stamp{position:absolute;right:0;bottom:4%;font-size:12px;letter-spacing:.08em;line-height:1.9;color:#a6bac8}.design-stamp strong{color:var(--teal);font-size:1.1rem;letter-spacing:-.03em}.principles{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:25px 5%;background:var(--teal);font-size:.8rem;font-weight:600}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-top>p{max-width:340px;color:var(--muted)}.disclosure{font-size:.8rem;color:var(--muted);margin-top:24px;max-width:860px}.work-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:40px 0 20px;flex-wrap:wrap}.project-tabs{display:flex;gap:6px}.project-tabs button{background:transparent;padding:10px 19px;border-radius:5px;text-align:left;font-weight:700;border:1px solid transparent}.project-tabs small{display:block;font-weight:400;font-size:12px;opacity:.75}.project-tabs button[aria-pressed=true]{background:var(--navy);color:white}.device-toggle{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px}.device-toggle button{padding:8px 14px;border-radius:22px;font-size:.875rem;background:transparent}.device-toggle button[aria-pressed=true]{background:var(--navy);color:white}.portfolio-stage{background:#e6eae6;padding:35px 6% 18px;border-radius:12px;overflow:hidden}.preview-frame{margin:auto;border:1px solid #71808a;border-radius:10px;overflow:hidden;box-shadow:0 16px 30px #10253522;background:white;max-width:100%;transition:width .35s;width:100%}.preview-frame.mobile{width:390px;max-width:100%;border:7px solid var(--navy);border-radius:24px}.preview-frame img{width:100%}.preview-frame iframe{width:100%;height:600px;border:0;background:white}.preview-frame.mobile iframe{height:640px}.browser-bar button{background:transparent;color:white;font-size:12px;padding:4px}.portfolio-stage>p{font-size:12px;text-align:center;color:#566572}.project-details{display:grid;grid-template-columns:1fr 1.4fr auto;gap:35px;align-items:center;margin-top:28px}.project-details .eyebrow{font-size:12px;margin-bottom:9px}.project-details p{margin:0;font-size:.9rem;color:var(--muted)}.transformation{background:var(--navy);color:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{max-width:520px}.transformation .muted{color:#b3c1ca}.compare{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:8px;background:#fff}.compare>img{width:100%;height:100%;object-fit:cover}.before{position:absolute;inset:0;clip-path:inset(0 52% 0 0);background:#edf0f1;color:var(--navy)}.listing{padding:26px 30px}.listing h3{font-size:1.5rem;margin-top:16px}.listing p{font-size:.8rem;margin-top:12px}.listing small{font-size:10px;letter-spacing:.1em}#compare-line{position:absolute;top:0;bottom:0;left:48%;width:3px;background:var(--coral)}.range-label{display:flex;justify-content:space-between;margin-top:18px;font-size:.8rem}input[type=range]{width:100%;accent-color:var(--coral)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.packages article{border:1px solid #ccd5d0;padding:32px;border-radius:9px;display:flex;flex-direction:column}.packages article>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.packages ul{padding:0;list-style:none;font-size:.875rem;margin:25px 0 35px;flex:1}.packages li{padding:11px 0;border-bottom:1px solid #d2dbd7}.packages li:before{content:'✓';margin-right:10px;color:#107575}.packages .featured{background:var(--navy);color:var(--cream);border-color:var(--navy);transform:translateY(-12px)}.packages .featured>p:not(.eyebrow){color:#b8c6d2}.featured li{border-color:#ffffff20}.featured li:before{color:var(--teal)}.package-note{max-width:850px}.process{padding-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps span{font-size:2.5rem;color:#248d91;font-family:Manrope,sans-serif}.steps h3{font-size:1.25rem;margin-top:20px}.steps p{font-size:.9rem;color:var(--muted)}.about{background:#ddecea}.about em{color:#127d80}.large-copy{font-size:1.8rem;letter-spacing:-.035em;font-family:Manrope,sans-serif}.about .text-link{display:inline-block;margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);font-size:.95rem}.contact{background:var(--navy);color:var(--cream)}.contact .split{align-items:start}.contact .muted{color:#b7c3cc}.contact-links{display:flex;flex-direction:column;font-size:1.2rem;margin:30px 0;gap:10px}.contact-links a:hover{color:var(--teal)}form{background:var(--cream);color:var(--ink);padding:35px;border-radius:10px}.form-progress{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:18px}.form-progress span:last-child{font-size:10px;letter-spacing:.05em}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-family:Manrope,sans-serif;font-size:1.5rem;line-height:1.3;font-weight:600;margin-bottom:25px}label{display:block;font-size:.875rem;margin-bottom:18px}input:not([type=range]),select,textarea{display:block;width:100%;border:1px solid #aab8b9;background:white;color:var(--navy);border-radius:4px;padding:11px 12px;margin-top:7px;font-size:1rem;min-width:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.form-buttons #next{margin-left:auto}#back{background:transparent}#summary{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 'DM Sans',sans-serif;max-height:360px;overflow:auto}form .muted{color:#596d79!important;font-size:14px}#email-draft{margin:20px 0}#copy-inquiry{display:block}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding-top:40px;padding-bottom:30px}footer p{margin:0;font-size:.875rem}footer .brand{display:block}footer a:last-of-type{font-size:.875rem}.footer-note{flex-basis:100%;border-top:1px solid var(--line);padding-top:25px;font-size:12px;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(30px) rotateY(-13deg) rotateZ(-3deg)}to{opacity:1;transform:translateY(0) rotateY(-13deg) rotateZ(-3deg)}}@media(min-width:1450px){.hero{padding-left:calc((100vw - 1320px)/2 + 66px);padding-right:calc((100vw - 1320px)/2 + 66px)}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;min-height:640px}.hero h1{font-size:4rem}.hero-showcase{min-height:420px}.orbit-label{top:6%}.small-preview{bottom:10%}.design-stamp{display:none}.split{gap:35px}.packages article{padding:23px}.project-tabs button{padding:10px 13px}.steps{gap:20px}.project-details{grid-template-columns:1fr 1.5fr}.project-details>a{grid-column:2}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:1.05rem}.brand-icon{font-size:2rem}nav{gap:15px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 14px}.nav-cta span{margin-left:8px}.wrap{padding-left:6%;padding-right:6%}.hero{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:45px}.hero-copy{margin:0}.hero h1{font-size:clamp(3.4rem,13vw,5rem)}.hero-showcase{min-height:360px;max-width:520px;width:100%;margin:auto}.orbit-label{top:0}.floating-browser{margin-top:-25px}.small-preview{bottom:0;left:5%;width:55%}.hero-note{margin-top:22px}.hero .actions{gap:15px}.principles{justify-content:start;display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding:22px 6%;gap:14px}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block}.section-top>p{max-width:none}.project-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.project-tabs button{border:1px solid var(--line)}.work-controls{gap:15px;margin-top:28px}.device-toggle{margin-left:auto}.portfolio-stage{padding:15px 10px;border-radius:8px}.browser-bar{font-size:10px;padding:0 7px}.browser-bar>span:first-child{display:none}.browser-bar button{font-size:11px}.preview-frame iframe{height:520px}.preview-frame.mobile iframe{height:560px}.project-details{display:block}.project-details p{margin-top:15px}.project-details a{display:inline-block;margin-top:20px}.split,.faq{grid-template-columns:1fr;gap:35px}.packages{grid-template-columns:1fr;gap:22px}.packages .featured{transform:none}.packages article{padding:28px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.steps h3{margin-top:12px}.listing{padding:20px}.listing h3{font-size:1.1rem}.listing p{font-size:12px;margin-top:7px}.listing small{font-size:9px}.contact-links{font-size:1rem}form{padding:25px 20px}.form-row{grid-template-columns:1fr}.form-progress span:last-child{display:none}footer{align-items:start}.hero-sub{max-width:95%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.pricing-packages{grid-template-columns:1.15fr 1fr 1fr}.pricing-packages .featured{transform:none}.price{font:700 clamp(3rem,5vw,4.5rem)/1.15 Manrope,sans-serif;letter-spacing:-.06em;margin:24px 0 8px}.price span{display:block;font:500 1rem/1.6 'DM Sans',sans-serif;letter-spacing:0;margin-top:6px}.featured .price{color:var(--teal)}.pricing-terms{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.pricing-terms h3{font-size:1.25rem}.pricing-terms p{font-size:1rem;color:#53616c}.pricing-download{display:inline-block;margin-top:24px}.pricing-packages .eyebrow{font-size:.875rem;letter-spacing:.08em}@media(max-width:700px){.pricing-packages,.pricing-terms{grid-template-columns:1fr}.price{font-size:3.5rem}}

/* Apple-inspired refinement: fluid response, purposeful depth, and platform-native type. */
:root{--system:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;--shadow-sm:0 1px 2px #0b1a2608,0 8px 24px #0b1a2610;--shadow-lg:0 24px 70px #07111c30,0 2px 10px #07111c20}
body{font-family:var(--system);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.58}
h1,h2,h3,.brand,.large-copy,legend,.steps span,.price{font-family:var(--system)}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:720}h2{font-weight:680}h3{letter-spacing:-.025em}
header{height:88px;background:rgba(21,36,53,.72);border-bottom-color:transparent;backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
header.is-scrolled{background:rgba(21,36,53,.88);border-bottom-color:#ffffff18;box-shadow:0 14px 35px #07111c22}
.nav-cta{border-color:#ffffff2b;border-radius:999px;background:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff1c;transition:background .18s ease,transform .12s ease,border-color .18s ease}
.nav-cta:hover{background:#ffffff14;border-color:#ffffff42;color:white}
.hero{background:radial-gradient(circle at 76% 34%,#254458 0,transparent 38%),linear-gradient(145deg,var(--navy),#0e1b29 78%);gap:34px;padding-top:82px;padding-bottom:96px}
.btn{min-height:50px;border-radius:999px;letter-spacing:-.01em;box-shadow:var(--shadow-sm);transition:transform .18s ease-out,background .18s ease-out,box-shadow .18s ease-out}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #07111c22}
.btn:active,.nav-cta:active,.project-tabs button:active,.device-toggle button:active,.browser-bar button:active{transform:scale(.97);transition-duration:90ms}
.floating-browser{border-color:#ffffff30;border-radius:18px;box-shadow:0 45px 95px #050c1580,0 1px 0 #ffffff45 inset;transform:rotateY(-10deg) rotateZ(-2deg);animation:apple-arrive .75s cubic-bezier(.2,.8,.2,1) both;background:#1b2d40}
.small-preview{background:rgba(247,246,239,.92);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid #ffffff90;border-radius:14px;transform:rotate(4deg);box-shadow:0 25px 55px #0005;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.portfolio-stage{background:linear-gradient(145deg,#edf0ed,#dfe6e2);padding-bottom:22px;border:1px solid #ffffffcc;border-radius:24px;box-shadow:var(--shadow-sm),inset 0 1px 0 #fff}
.preview-frame{border-color:#60717d55;border-radius:16px;box-shadow:var(--shadow-lg);transition:border-radius 220ms var(--ease-out)}
.project-tabs button{border-radius:12px;transition:background .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}
.project-tabs button[aria-pressed=true]{box-shadow:0 8px 22px #15243528}
.device-toggle{border-color:#c7d0cc;border-radius:999px;background:#ffffff80;box-shadow:inset 0 1px 2px #1025350b}
.device-toggle button{border-radius:999px;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}
.device-toggle button[aria-pressed=true]{box-shadow:0 4px 12px #15243528}
.compare{border:1px solid #ffffff2e;border-radius:20px;box-shadow:var(--shadow-lg)}
.packages article{border-radius:20px;background:rgba(255,255,255,.44);box-shadow:var(--shadow-sm)}
.packages .featured{background:linear-gradient(145deg,#1b3045,var(--navy));border-color:#ffffff24;box-shadow:var(--shadow-lg),inset 0 1px 0 #ffffff1f}
form{background:rgba(247,246,239,.94);border:1px solid #ffffffb0;border-radius:22px;box-shadow:var(--shadow-lg);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
input:not([type=range]),select,textarea{border-radius:12px;padding:13px 14px;box-shadow:inset 0 1px 2px #1025350b;transition:border-color .18s ease,box-shadow .18s ease}
input:not([type=range]):focus,select:focus,textarea:focus{border-color:#238e91;box-shadow:0 0 0 4px #48bec025;outline:0}
.text-link{transition:color .18s ease,border-color .18s ease}.text-link:hover{color:#147d80}
.browser-bar{background:rgba(25,43,60,.92);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.reveal{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease-out}
.reveal.is-visible{opacity:1;transform:none;filter:none}
@keyframes apple-arrive{from{opacity:0;filter:blur(10px);transform:translateY(22px) scale(.985) rotateY(-10deg) rotateZ(-2deg)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1) rotateY(-10deg) rotateZ(-2deg)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;filter:none!important}}
@media(prefers-reduced-transparency:reduce){header{background:var(--navy);backdrop-filter:none;-webkit-backdrop-filter:none}.small-preview,form,.browser-bar{backdrop-filter:none;-webkit-backdrop-filter:none}.small-preview,form{background:var(--cream)}}
@media(prefers-contrast:more){header{background:var(--navy);border-bottom-color:white}.nav-cta,.floating-browser,.packages article,form{border:2px solid currentColor}.muted,.section-top>p,.project-details p{color:#344552}}
@media(max-width:700px){header{height:76px}.hero{padding-top:50px}.portfolio-stage{border-radius:18px}.packages article,form{border-radius:18px}}

/* Interaction refinement: native mobile behavior and purposeful motion. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
header{height:auto;min-height:calc(88px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);transition:background 280ms var(--ease-out),border-color 280ms var(--ease-out),box-shadow 280ms var(--ease-out)}
button,.btn,.nav-cta,.project-tabs a,.device-toggle a,summary{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.btn{transition:transform 180ms var(--ease-out),background 180ms var(--ease-out),box-shadow 180ms var(--ease-out)}
.nav-cta,.project-tabs button,.device-toggle button{transition:background 180ms var(--ease-out),color 180ms var(--ease-out),transform 120ms var(--ease-out),box-shadow 180ms var(--ease-out),border-color 180ms var(--ease-out)}
.small-preview{transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out)}
.preview-frame{transition:border-radius 220ms var(--ease-out)}
input:not([type=range]),select,textarea{font-size:16px;transition:border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out)}
.text-link{transition:color 180ms var(--ease-out),border-color 180ms var(--ease-out)}
.reveal{filter:none;transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}
.reveal.is-visible{filter:none}
@keyframes apple-arrive{from{opacity:0;transform:translateY(22px) scale(.985) rotateY(-10deg) rotateZ(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(-10deg) rotateZ(-2deg)}}

#compare-line{width:44px;background:transparent;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;z-index:3}
#compare-line::before{content:"";position:absolute;inset:0 auto;width:3px;background:var(--coral);box-shadow:0 0 0 1px #15243518}
.compare-handle{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--coral);color:var(--deep);font-weight:800;font-size:18px;box-shadow:0 7px 20px #07111c55,0 0 0 4px #fff3;transition:transform 140ms var(--ease-out),box-shadow 140ms var(--ease-out)}
#compare-line.is-dragging .compare-handle{transform:scale(1.06);box-shadow:0 10px 26px #07111c66,0 0 0 5px #fff4}
#compare-range{min-height:36px;cursor:ew-resize}

.faq summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:400;transition:transform 180ms var(--ease-in-out),background 180ms var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg);background:#48bec018}

@media(hover:hover) and (pointer:fine){
  nav a:hover{color:var(--teal)}
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #07111c22}
  .nav-cta:hover{background:#ffffff14;border-color:#ffffff42;color:white}
  .small-preview:hover{transform:rotate(0)}
  .text-link:hover,.contact-links a:hover{color:#147d80}
  .compare-handle:hover{transform:scale(1.04)}
}
@media(hover:none),(pointer:coarse){
  nav a:hover,.contact-links a:hover{color:inherit}
  .btn:hover{transform:none;box-shadow:var(--shadow-sm)}
  .nav-cta:hover{background:#ffffff0b;border-color:#ffffff2b;color:inherit}
  .small-preview:hover{transform:rotate(4deg)}
  .text-link:hover{color:inherit}
}
@media(max-width:700px){
  header{height:auto;min-height:calc(76px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:6%;padding-right:6%}
  .project-tabs{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-y;padding:2px 6% 8px;margin-left:-6%;margin-right:-6%;width:112%}
  .project-tabs::-webkit-scrollbar{display:none}
  .project-tabs button{flex:0 0 auto;min-width:138px;min-height:56px;scroll-snap-align:center}
  .device-toggle button,.browser-bar button{min-height:44px}
  .compare-handle{width:48px;height:48px}
  footer{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){
  #compare-line,.compare-handle,.faq summary::after{transition:none!important}
  .faq details[open] summary::after{transform:none}
}

@media(max-width:1000px){.pricing-packages{grid-template-columns:1fr}}

/* ---- 2026-10 refresh ---- */
.hero h1{font-size:clamp(3.2rem,5.6vw,5.4rem);line-height:1.02}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero .intro{font-size:1.3rem;margin-top:26px;color:var(--cream)}
.hero-sub{margin-top:10px;font-size:1.05rem}
.hero-sub strong{color:var(--cream)}
.hero .actions{margin-top:34px}
.proof{background:var(--teal);color:var(--navy);padding-top:22px;padding-bottom:22px}
.proof span{font-size:.9rem;font-weight:500;display:flex;align-items:baseline;gap:8px}
.proof b{font-size:1.35rem;font-weight:750;letter-spacing:-.03em}
.disclosure{font-size:.85rem;color:var(--muted)}
.about-intro .headshot{width:150px;height:150px;border-radius:50%;margin-bottom:26px;box-shadow:0 18px 40px #15243530;border:4px solid #fff}
.honey{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.optional{color:var(--muted);font-weight:400;font-size:.8rem}
form legend{margin-bottom:20px}
.form-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.form-submit .btn{border:0;cursor:pointer}
.form-submit .btn:disabled{opacity:.7;cursor:progress}
.form-note{font-size:.85rem;color:var(--muted)}
.site-footer{background:var(--deep);color:#c9d3da;padding:60px 0 0;display:block}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.site-footer .brand{color:var(--cream);font-size:1.25rem;font-weight:700}
.site-footer .brand small{display:block;font-size:.7rem;letter-spacing:.2em;font-weight:500;color:#9daeba;margin-top:2px}
.footer-brand p{margin-top:14px;font-size:.9rem;max-width:300px}
.site-footer h3{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;font-weight:700}
.footer-grid>div>a{display:block;font-size:.95rem;margin-bottom:8px}
.footer-grid p{font-size:.9rem;line-height:1.6}
.site-footer a:hover{color:var(--teal)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:22px;padding-bottom:26px;border-top:1px solid #ffffff1a;font-size:.8rem;color:#8d9daa}
.footer-bottom a{font-size:.8rem}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .hero h1{font-size:clamp(2.9rem,12vw,4rem)}
  .hero .intro{font-size:1.15rem}
  .proof{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:22px 6%}
  .proof span{flex-direction:column;gap:0;font-size:.8rem;line-height:1.3}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;gap:8px}
  .form-row{grid-template-columns:1fr;gap:0}
  .project-tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
}