/* Nexvio — an independent digital studio. No framework required. */
:root{--bg:#080b12;--surface:#0d111b;--panel:#111723;--text:#f4f6fc;--muted:#939aaa;--soft:#697385;--line:#222936;--blue:#3978ff;--blue-bright:#588eff;--green:#a9e6c8;--header:rgba(8,11,18,.88);--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
:root[data-theme=light]{--bg:#f7f8fb;--surface:#eef1f7;--panel:#fff;--text:#101726;--muted:#5e687a;--soft:#647186;--line:#dbe0e9;--blue:#235ce5;--blue-bright:#235ce5;--green:#177753;--header:rgba(247,248,251,.91);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:var(--body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img,canvas{display:block;max-width:100%}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}::selection{background:#3978ff;color:white}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:6px}h1,h2,h3,h4{font-family:var(--display);font-weight:650;line-height:1.12}h2{font-size:clamp(36px,4.05vw,58px);letter-spacing:-2.8px}h3{letter-spacing:-.6px}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding:112px 0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-70px;z-index:200;background:var(--blue);color:#fff;padding:12px 20px;border-radius:4px}.skip-link:focus{top:15px}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--blue);transform-origin:left;transform:scaleX(0);z-index:101}.eyebrow{font-size:10px;letter-spacing:1.65px;line-height:1.6;display:flex;align-items:center;gap:14px;font-weight:650;margin-bottom:25px}.eyebrow>span:first-child{color:var(--blue-bright)}.muted-heading{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:550;white-space:nowrap}.text-link svg{width:18px;height:18px;transition:transform .3s}.text-link:hover svg{transform:translateX(4px)}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;border-radius:6px;padding:17px 23px;font-size:13px;line-height:1.5;font-weight:650;background:#326fff;color:white;transition:background .25s,transform .35s var(--ease),box-shadow .35s;white-space:nowrap}.button svg{width:19px;height:19px;transition:transform .3s}.button:hover{background:#4680ff;transform:translateY(-3px);box-shadow:0 8px 30px #2765ff30}.button:hover svg{transform:translate(2px,-2px)}.button-small{padding:11px 17px;gap:23px;font-size:12px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--line)}.icon-button svg{width:18px;height:18px}.status-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:100%;background:#a9e6c8;box-shadow:0 0 0 4px #a9e6c810}.reveal{opacity:1;transform:none}.reveal.pending{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none;transition:opacity .8s var(--ease) var(--delay,0ms),transform .8s var(--ease) var(--delay,0ms)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(20px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;position:relative;font-family:var(--display);font-size:27px;font-weight:800;letter-spacing:-1.3px;line-height:1}.brand-tech{font-size:12px;font-weight:500;letter-spacing:-.1px;margin:8px 0 0 5px;color:var(--muted)}.brand-dot{font-size:9px;position:relative;align-self:flex-start;margin:2px 0 0 3px;letter-spacing:0;color:var(--muted)}.brand-symbol{display:flex;align-items:center;gap:4px;margin-right:12px;width:27px;height:27px;transform:skew(-20deg)}.brand-symbol i{display:block;width:6px;height:25px;border-radius:1px;background:var(--blue)}.brand-symbol i:nth-child(2){height:17px}.desktop-nav{display:flex;gap:31px;align-items:center;margin-left:auto;margin-right:50px}.desktop-nav a{font-size:12px;color:var(--muted);position:relative;transition:color .2s}.desktop-nav a::after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{color:var(--muted)}.menu-toggle{display:none}.mobile-nav{background:var(--bg);border-top:1px solid var(--line);padding:12px 28px 25px}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:20px}.mobile-nav a span{color:var(--soft);font-size:11px}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 36%,#13347116,transparent 52%)}.hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent 36%,#000 78%,transparent)}.hero-layout{display:grid;grid-template-columns:58% 42%;align-items:center;min-height:658px;position:relative}.hero-copy{position:relative;z-index:3;padding:67px 0 60px}.availability{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.5px;font-weight:600;margin-bottom:32px;color:var(--muted)}.availability .status-dot{background:var(--blue-bright);box-shadow:0 0 0 4px #3978ff12}h1{font-size:clamp(58px,6.25vw,90px);line-height:1.12;letter-spacing:-5.9px;font-weight:650;white-space:nowrap}.blue-word{color:var(--blue-bright)}.title-period{color:var(--blue-bright)}.hero-copy>p{font-size:15px;line-height:1.85;max-width:455px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.hero-note{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-top:51px;flex-wrap:wrap}.mini-cross{font-size:16px;color:var(--blue-bright);line-height:1}.note-countries{display:block;flex-basis:100%;padding-left:20px;color:var(--soft);font-size:9px;letter-spacing:.8px}.hero-art{height:550px;position:relative;margin-left:-34px;margin-right:-35px;align-self:center}.hero-art canvas{width:100%;height:100%;position:relative;z-index:1}.orb-halo{position:absolute;width:85%;height:75%;border-radius:50%;top:12%;left:10%;background:radial-gradient(ellipse,#1557fc25,transparent 66%);filter:blur(18px)}.art-coordinate{position:absolute;z-index:2;display:flex;align-items:center;color:var(--soft);font-size:8px;letter-spacing:1.7px;gap:16px}.coordinate-top{left:20%;right:10%;top:10px;justify-content:space-between}.coordinate-bottom{bottom:0;left:18%;right:7%;font-size:7px;letter-spacing:1.25px}.coordinate-bottom .status-dot{width:4px;height:4px;box-shadow:none;background:var(--blue-bright)}.art-plus{font-family:var(--body);font-size:23px;color:var(--soft);font-weight:400}.coordinate-bottom .art-plus{margin-left:auto}.orbit-label{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #4c63883b;border-radius:8px;background:#0e1726db;color:#f4f6fc;backdrop-filter:blur(12px);box-shadow:0 18px 40px #0002;animation:float 7s ease-in-out infinite}.orbit-label small{display:block;font-size:9px;color:#98a8c0;line-height:1.6}.orbit-label strong{display:block;font-size:11px;font-weight:500;line-height:1.6}.orbit-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#3978ff1a;color:#6ca1ff}.orbit-icon svg{width:17px;height:17px}.orbit-icon.success{color:#a9e6c8;background:#a9e6c810}.label-design{top:111px;right:-7px}.label-ship{bottom:88px;left:8px;animation-delay:-3.5s}.hero-bottom{height:67px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:10px;position:relative;z-index:3}.hero-bottom>div{display:flex;align-items:center;gap:9px}.hero-bottom>a{font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:14px}.hero-bottom>a span{font-size:19px}.motion-toggle{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:10px 0 10px 10px}.pause-icon{font-size:15px}.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.promise-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:30px}.promise-inner>p{font-size:11px;line-height:1.8}.promise-inner strong{color:var(--text);font-weight:500}.promise-inner>span{font-size:11px;display:flex;align-items:center;gap:9px;color:var(--muted)}.promise-inner svg{width:15px;height:15px;color:var(--blue-bright)}
/* Work: individually art directed product illustrations */
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:47px}.section-heading>p{font-size:13px;line-height:1.8;margin-bottom:5px;max-width:315px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:43px 28px}.project{min-width:0}.project-visual{display:block;position:relative;height:440px;border-radius:10px;overflow:hidden;isolation:isolate}.project-visit{position:absolute;right:23px;top:23px;width:35px;height:35px;display:grid;place-items:center;background:#ffffff16;border:1px solid #ffffff26;border-radius:50%;color:#fff;z-index:4;transition:transform .3s,background .3s}.project-visit svg{width:18px;height:18px}.project-visual:hover .project-visit{transform:rotate(45deg);background:#ffffff35}.visual-caption{position:absolute;top:30px;left:28px;font-size:8px;letter-spacing:1.5px;color:#c6e7e1;z-index:2}.dental-visual{background:#174d46}.dental-ring{position:absolute;width:500px;height:500px;border:1px solid #78b9a82b;border-radius:50%;right:-60px;top:52px}.ring-two{width:360px;height:360px;top:122px;right:10px}.dental-dashboard{position:absolute;width:340px;left:28px;top:110px;background:#f5faf8;border-radius:9px;color:#174e45;padding:22px 23px;box-shadow:0 20px 45px #052d3d45;transform:rotate(-7deg);transition:transform .65s var(--ease)}.dash-brand{display:flex;align-items:center;font-size:16px;font-weight:700;letter-spacing:-.5px}.dash-brand>span:first-child{font-size:23px;margin-right:6px;line-height:1}.dash-brand>span:last-child{font-weight:400}.dash-greeting{font-size:23px;letter-spacing:-1px;line-height:1.15;font-weight:550;margin:21px 0 23px}.dash-day{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:10px}.appointment{display:flex;gap:12px;align-items:center;padding:11px 8px;border-top:1px solid #174d4617;line-height:1.3;font-size:8px}.appointment>span{font-size:9px}.appointment b{font-weight:550;display:block}.appointment small{display:block;color:#82958e;font-size:7px;margin-top:5px}.appointment i{height:5px;width:5px;border-radius:50%;background:#8bc8ab;margin-left:auto}.open-slot{border-radius:5px;border:1px dashed #579687;background:#e3f2e9}.open-slot>span:last-child{margin-left:auto}.dash-bottom{border-top:1px solid #174d4617;display:flex;justify-content:space-between;font-size:7px;padding-top:14px;margin-top:6px}.dental-phone{position:absolute;right:35px;top:96px;width:186px;height:346px;transform:rotate(9deg);background:#f6faf8;border:5px solid #183e37;border-radius:29px;box-shadow:0 0 0 1px #609082,0 28px 45px #062e3266;color:#20483e;overflow:hidden;transition:transform .65s var(--ease)}.phone-notch{position:absolute;left:50%;top:6px;width:55px;height:12px;transform:translateX(-50%);border-radius:8px;background:#183e37}.phone-time{display:flex;justify-content:space-between;padding:11px 13px 0;font-size:7px;font-weight:700}.phone-time span{font-size:6px}.phone-app-brand{font-size:12px;font-weight:700;padding:21px 13px 0}.dental-phone h4{font-family:var(--body);font-size:16px;letter-spacing:-.6px;line-height:1.25;padding:11px 13px 12px}.map-mini{height:100px;position:relative;background:#e1ede6;overflow:hidden}.map-mini>svg{width:100%;height:100%;stroke:#fafdfb;stroke-width:6}.map-mini .map-route{stroke:#90b6a7;stroke-width:3;stroke-dasharray:4 4}.map-mini circle{fill:#2d826220;stroke:none}.map-mini circle:last-child{fill:#438c71;stroke:white;stroke-width:3}.map-pin{position:absolute;right:43px;top:23px;display:grid;place-items:center;border:3px solid white;background:#286c57;color:white;width:27px;height:27px;border-radius:50%;font-size:15px;box-shadow:0 3px 8px #29523925}.phone-slot{padding:12px 12px}.phone-slot>small{display:block;font-size:6px;letter-spacing:.5px;color:#4c8e75}.phone-slot strong{display:flex;justify-content:space-between;font-size:12px;margin:5px 0}.phone-slot p{font-size:7px;color:#7d958b}.mock-button{display:flex;justify-content:space-between;background:#225e4e;color:white;border-radius:5px;padding:9px;font-size:8px;margin-top:11px}.phone-home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:55px;height:3px;background:#183e37;border-radius:4px}.project-visual:hover .dental-dashboard{transform:rotate(-4deg) translateY(-6px)}.project-visual:hover .dental-phone{transform:rotate(5deg) translateY(-8px)}.product-badge{position:absolute;bottom:20px;left:25px;border-radius:4px;background:#123c35de;backdrop-filter:blur(10px);border:1px solid #e8fff229;color:#e1f3ee;padding:7px 10px;font-size:8px;display:flex;gap:7px;align-items:center;z-index:4}.product-badge i{display:block;height:4px;width:4px;border-radius:50%;background:#91d9ac}.value-visual{background:#c5b5e8}.value-visual .visual-caption{color:#544372}.value-visual .project-visit{color:#52406d;border-color:#54437235;background:#ffffff30}.value-orbit{width:540px;height:540px;position:absolute;border-radius:50%;background:#b4a2da;left:90px;top:55px;box-shadow:0 0 0 55px #bdade0,0 0 0 56px #ad9acf40}.value-window{position:absolute;left:38px;right:38px;top:89px;background:#faf9fc;border:1px solid #e2daed;border-radius:9px;box-shadow:0 20px 50px #3b215a33;transform:rotate(-4deg);color:#302442;transition:transform .65s var(--ease)}.value-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #ebe6f2}.value-header strong{font-size:12px;letter-spacing:-.4px}.value-header strong>span{background:#7755ab;color:white;display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:4px;font-size:14px}.value-header>span{font-size:7px;color:#93869f}.value-content{padding:24px 27px}.value-overline{font-size:6px;letter-spacing:1px;color:#8e7c9e}.value-content h4{font-family:var(--body);font-size:30px;letter-spacing:-1.5px;line-height:1.08;margin-top:9px}.value-content h4 span{color:#8864b9}.value-content>p{font-size:8px;margin-top:9px;color:#90849b}.comparison{display:flex;align-items:center;gap:10px;margin-top:19px}.comparison>div{flex:1;border:1px solid #dfd9e7;border-radius:5px;padding:10px;min-width:0}.comparison>div>span{font-size:5px;letter-spacing:.5px;display:block}.comparison strong{display:block;font-family:var(--display);font-size:24px;letter-spacing:-1px;margin:1px 0}.comparison strong small{font-size:8px;font-weight:400;color:#8c829b;letter-spacing:0}.comparison i{font-style:normal;font-size:6px;color:#8c829b;display:block}.comparison .better-plan{background:#ece6f4;border-color:#b59cd4}.better-plan>span{color:#7c57a5}.compare-arrow{font-size:16px;color:#9b84ba}.value-action{background:#7856a9;color:#fff;display:flex;justify-content:space-between;padding:9px 12px;border-radius:5px;font-size:8px;margin-top:13px}.value-window-foot{background:#f2eef7;display:flex;gap:22px;padding:9px 27px;font-size:6px;color:#8c829b;border-radius:0 0 9px 9px}.saving-bubble{position:absolute;right:20px;bottom:63px;display:flex;align-items:center;gap:10px;padding:14px 17px;background:#e6f2cd;color:#3d5131;box-shadow:0 8px 25px #3a234333;border:1px solid #f2ffdb;border-radius:6px;transform:rotate(4deg);transition:transform .65s var(--ease)}.saving-bubble>span{font-size:30px;line-height:1}.saving-bubble small{font-size:5px;letter-spacing:.5px;display:block}.saving-bubble strong{font-size:18px;font-weight:550;line-height:1.3;letter-spacing:-.5px}.dark-badge{background:#594672de;border-color:#f9f5ff29;color:#f0eaf9}.project-visual:hover .value-window{transform:rotate(-1deg) translateY(-6px)}.project-visual:hover .saving-bubble{transform:rotate(1deg) translateY(-8px)}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.project-category{display:block;font-size:8px;color:var(--muted);letter-spacing:1.3px;font-weight:500}.project-info h3{font-size:24px;margin-top:9px}.project-info h3 a{display:flex;align-items:center;gap:12px}.project-info h3 svg{width:18px;height:18px;color:var(--muted);transition:transform .3s}.project-info h3 a:hover svg{transform:translate(3px,-3px)}.project-year{font-size:10px;color:var(--soft)}.project-description{font-size:12px;line-height:1.8;max-width:470px;margin-top:12px}.kerbside-project{grid-column:1/-1;display:grid;grid-template-columns:40% 1fr 60px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative;margin-top:5px}.kerbside-map{position:relative;min-height:215px;background:#192a24;overflow:hidden}.kerbside-map>svg{position:absolute;width:100%;height:100%;stroke:none;transform:scale(1.07)}.delivery-route{stroke-dasharray:6 7;animation:route 18s linear infinite}.delivery-label{position:absolute;bottom:22px;left:27px;display:flex;align-items:center;gap:6px;background:#d5eeac;color:#34482c;font-size:9px;padding:7px 11px;border-radius:4px;box-shadow:0 6px 14px #051a1740}.delivery-label svg{width:14px;height:14px}.kerbside-copy{padding:30px 37px}.kerbside-copy h3{font-size:24px;margin-top:9px}.kerbside-copy p{font-size:12px;line-height:1.8;max-width:470px;margin:12px 0 13px}.small-tag{font-size:8px;border:1px solid var(--line);color:var(--muted);padding:3px 7px;margin-right:4px;border-radius:3px}.kerbside-number{color:var(--soft);font-size:12px;padding-top:27px}
/* Services */
.capabilities{background:var(--surface);border-block:1px solid var(--line)}.service-layout{display:grid;grid-template-columns:43% 57%;gap:0;align-items:stretch}.service-list{padding-right:64px}.service-tab{width:100%;display:flex;align-items:center;text-align:left;padding:31px 0;border-top:1px solid var(--line);gap:19px;position:relative}.service-tab:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:10px;color:var(--soft);align-self:flex-start;padding-top:4px}.service-tab strong{font-family:var(--display);display:block;font-size:19px;font-weight:600;letter-spacing:-.5px;color:var(--muted);transition:color .2s}.service-tab small{display:block;font-size:11px;color:var(--soft);margin-top:8px}.service-tab>svg{width:18px;height:18px;margin-left:auto;color:var(--soft);transition:transform .3s}.service-tab::before{position:absolute;content:'';top:-1px;left:0;width:100%;height:2px;background:var(--blue);transform-origin:left;transform:scaleX(0);transition:transform .4s var(--ease)}.service-tab[aria-selected=true]::before{transform:scaleX(1)}.service-tab[aria-selected=true] strong{color:var(--text)}.service-tab[aria-selected=true] .service-number,.service-tab[aria-selected=true]>svg{color:var(--blue-bright)}.service-tab[aria-selected=true]>svg{transform:rotate(45deg)}.service-tab:hover strong{color:var(--text)}.service-panels{min-width:0}.service-panel{height:100%;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden;animation:panel-enter .5s var(--ease)}.service-art{position:relative;min-height:297px;overflow:hidden;background:radial-gradient(ellipse at center,#2460cb12,transparent 70%);border-bottom:1px solid var(--line)}.service-panel-copy{padding:26px 31px}.service-panel-copy h3{font-size:19px;font-weight:600}.service-panel-copy p{font-size:12px;line-height:1.9;margin:12px 0 17px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row>span{font-size:8px;letter-spacing:.3px;padding:4px 8px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:3px}.platform-orbit{position:absolute;width:420px;height:200px;border:1px solid var(--line);border-radius:50%;top:54px;left:50%;transform:translateX(-50%) rotate(-21deg)}.platform-orbit::before{content:'';position:absolute;inset:30px -20px;border:1px solid var(--line);border-radius:50%;transform:rotate(43deg)}.service-phone{position:absolute;left:50%;top:31px;width:153px;height:282px;transform:translateX(-50%) rotate(8deg);border:4px solid #2f3e57;box-shadow:0 0 0 1px #41557b,0 15px 40px #0003;border-radius:26px;background:linear-gradient(155deg,#1e376b,#111d34);color:#f5f8ff;padding:42px 17px 14px;animation:phone-float 7s ease-in-out infinite}.service-phone-notch{position:absolute;width:48px;height:11px;border-radius:6px;background:#080f1e;left:50%;top:8px;transform:translateX(-50%)}.service-phone>svg{color:#77a4ff;width:26px;height:26px;margin-bottom:15px}.service-phone>span{font-family:var(--display);font-size:17px;line-height:1.35;letter-spacing:-.5px;font-weight:550;display:block}.service-phone-lines{display:flex;gap:6px;flex-direction:column;margin-top:19px}.service-phone-lines i{height:6px;width:100%;border-radius:3px;background:#5a7fa538}.service-phone-lines i:nth-child(2){width:75%}.service-phone-lines i:nth-child(3){width:50%}.service-phone>.service-phone-check{font-size:5px;letter-spacing:.4px;border-top:1px solid #ffffff18;color:#9fc8ee;margin-top:17px;padding-top:12px;white-space:nowrap}.platform-label{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:12px 17px;display:flex;align-items:center;gap:36px;font-size:13px;z-index:2;box-shadow:0 10px 25px #0001}.platform-label span{font-size:12px;color:var(--blue-bright)}.platform-ios{top:76px;left:12%}.platform-android{bottom:61px;right:8%}.plus-a{position:absolute;left:39px;bottom:32px}.plus-b{position:absolute;right:39px;top:22px}.support-strip{display:flex;align-items:center;gap:23px;padding:27px 30px;background:var(--bg);border:1px solid var(--line);border-radius:7px;margin-top:24px}.support-strip>svg{color:var(--blue-bright);width:23px}.support-strip h3{font-size:14px;letter-spacing:-.2px}.support-strip p{font-size:11px;margin-top:6px}.support-strip>a{display:grid;place-items:center;margin-left:auto;width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:50%}.support-strip>a svg{width:16px}.stack-line{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:57px;color:var(--muted)}.stack-line>span{font-size:8px;letter-spacing:1.2px;color:var(--soft)}.stack-line>div{font-size:20px;font-family:var(--display);font-weight:600;letter-spacing:-.7px;display:flex;align-items:center}.stack-react{font-size:25px;margin-left:5px}.stack-line .stack-stripe{font-weight:800;font-size:26px}.web-demo{position:absolute;left:9%;right:9%;top:39px;border:1px solid #344761;border-radius:7px;background:#152033;color:#dce7fa;transform:rotate(-3deg);box-shadow:0 10px 35px #0002}.web-demo-bar{padding:9px 12px;display:flex;gap:4px;border-bottom:1px solid #33405a}.web-demo-bar i{height:4px;width:4px;border-radius:50%;background:#516680}.web-demo-bar>span{margin:auto;font-size:6px;color:#99abc2}.web-demo-body{display:flex}.web-demo-sidebar{border-right:1px solid #33405a;min-width:45px;display:flex;align-items:center;flex-direction:column;padding:15px 10px;gap:12px}.web-demo-sidebar b{font-size:20px;line-height:1;color:#75a5ff}.web-demo-sidebar i{width:17px;height:3px;background:#52637d;border-radius:3px}.web-demo-main{padding:20px;flex:1}.web-demo-main>small{font-size:6px;letter-spacing:1px;color:#a2b5d0;display:block}.web-demo-main>strong{font-size:16px;font-weight:550;display:block;margin:4px 0 15px}.web-stats{display:flex;gap:14px}.web-stats>span{font-size:7px;flex:1;color:#b4c2d7;background:#1f2e47;border-radius:5px;padding:9px}.web-stats b{font-size:17px;display:block;margin-top:4px;font-weight:550;color:#f4f8ff}.web-stats .green-text{color:#ade6c9;font-size:14px}.chart-bars{display:flex;align-items:end;gap:9px;height:60px;margin-top:15px}.chart-bars i{height:var(--height);flex:1;background:linear-gradient(#6594ff,#2950a7);border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow .9s var(--ease) both}.ai-inputs{position:absolute;left:7%;top:65px;display:flex;flex-direction:column;gap:15px;z-index:2}.ai-inputs span{font-size:9px;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--muted)}.ai-connections{position:absolute;top:78px;left:23%;width:65%;height:140px;stroke:#396cca80;stroke-dasharray:5 4;animation:route 15s linear infinite}.ai-core{position:absolute;top:107px;left:51%;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:#2563eb;box-shadow:0 0 0 10px #3978ff10,0 0 50px #3978ff40;transform:rotate(-8deg);color:white}.ai-core svg{width:35px;height:35px}.ai-output{position:absolute;right:6%;top:219px;padding:8px 12px;display:flex;align-items:center;gap:6px;background:var(--panel);font-size:9px;border:1px solid var(--line);border-radius:5px;color:var(--green)}.ai-output svg{width:13px;height:13px}.checkout-demo{width:240px;position:absolute;left:50%;top:25px;transform:translateX(-50%) rotate(-5deg);padding:17px 20px;border-radius:9px;background:#f5f8fc;color:#27334a;box-shadow:0 15px 35px #0002}.checkout-icon{display:grid;place-items:center;margin-bottom:8px;width:29px;height:29px;background:#e4ecff;color:#3569db;border-radius:7px}.checkout-icon svg{width:17px;height:17px}.checkout-demo h4{font-size:20px;letter-spacing:-.5px}.checkout-demo p{font-size:7px;color:#788298;margin:6px 0 16px}.checkout-demo>div{display:flex;justify-content:space-between;font-size:9px;margin-top:7px}.checkout-demo b{font-weight:550}.checkout-total{border-top:1px solid #dbe0e9;padding-top:9px;margin-top:10px!important}.checkout-pay{display:flex;align-items:center;justify-content:space-between;font-size:9px;background:#376fe9;color:#fff;border-radius:5px;padding:9px 12px;margin-top:15px}.checkout-pay svg{width:13px;height:13px}
/* A change of pace: the studio principles */
.why-section{background:#e9edf5;color:#111b2c;position:relative}.why-heading{text-align:center}.why-heading .eyebrow{justify-content:center;color:#5e6b80}.why-heading .eyebrow>span:first-child{color:#235ce5}.why-heading h2{font-size:clamp(38px,4.6vw,66px);letter-spacing:-3px}.why-heading h2>span{color:#6b7c97}.why-heading>p{color:#6e7a8e;font-size:13px;margin-top:25px;line-height:1.8}.big-promises{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:67px;border-top:1px solid #cbd2df;border-bottom:1px solid #cbd2df;padding:32px 0}.big-promises>div{padding-left:39px;border-left:1px solid #cbd2df}.big-promises>div:first-child{padding-left:0;border-left:0}.big-promises>div>span{color:#6e7b90;font-size:8px;letter-spacing:1.25px}.big-promises strong{display:block;font-family:var(--display);font-size:clamp(27px,3.3vw,47px);letter-spacing:-2px;font-weight:600;margin-top:14px;line-height:1.3;white-space:nowrap}.big-promises strong>span{color:#326fff}.big-promises em{font-style:normal;font-size:.63em;letter-spacing:-1px}.big-promises p{font-size:11px;color:#6e7a8e;margin-top:9px}.why-details{display:grid;grid-template-columns:repeat(3,1fr);gap:37px;margin-top:38px}.why-details>div{display:flex;align-items:flex-start;gap:11px}.why-details svg{color:#326fff;width:16px;height:16px;margin-top:2px}.why-details p{font-size:11px;color:#6e7a8e;line-height:1.85}.why-details strong{display:block;font-weight:600;color:#253349;font-size:12px;margin-bottom:5px}
/* Process & questions */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.process-step{border-top:1px solid var(--line);padding-top:19px;position:relative}.process-step::before{position:absolute;content:'';top:-1px;left:0;width:35px;height:1px;background:var(--blue);transition:width .6s var(--ease)}.process-step:hover::before{width:100%}.step-number{display:flex;justify-content:space-between;color:var(--soft);font-size:28px;font-family:var(--display);font-weight:400;align-items:center;letter-spacing:-1px}.step-number svg{height:18px;width:18px;color:var(--soft);transition:color .3s,transform .3s}.process-step:hover .step-number svg{color:var(--blue-bright);transform:translateX(5px)}.process-step h3{font-size:21px;margin-top:26px;font-weight:600}.process-step p{font-size:12px;line-height:1.9;margin:14px 0 21px;max-width:320px}.process-step small{display:block;font-size:7px;color:var(--soft);letter-spacing:1px}.faq-section{padding-top:0}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:70px;border-top:1px solid var(--line)}.faq-intro h2{font-size:38px;letter-spacing:-1.8px}.faq-intro>p{font-size:12px;margin:22px 0}.faq-intro .text-link{font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;font-size:13px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:relative;width:12px;height:12px;flex:none}.faq-list summary>span::before,.faq-list summary>span::after{content:'';position:absolute;left:0;top:5px;width:12px;height:1px;background:var(--muted);transition:transform .3s}.faq-list summary>span::after{transform:rotate(90deg)}.faq-list details[open] summary>span::after{transform:rotate(0)}.faq-list details[open] summary{color:var(--blue-bright)}.faq-list p{font-size:12px;line-height:1.9;padding:0 25px 23px 0;animation:panel-enter .3s var(--ease)}
/* Contact and footer */
.contact-section{background:#245fe7;position:relative;overflow:hidden;color:white;padding:80px 0 0}.contact-orbits{position:absolute;width:700px;height:700px;right:-130px;top:-220px;pointer-events:none;transform:rotate(-25deg)}.contact-orbits i{position:absolute;inset:0;border:1px solid #ffffff1c;border-radius:50%;transform:scaleY(.55)}.contact-orbits i:nth-child(2){transform:scaleY(.75) rotate(50deg)}.contact-orbits i:nth-child(3){transform:scaleY(.9) rotate(100deg)}.contact-inner{position:relative;z-index:1}.contact-inner .eyebrow{font-size:9px;color:#d1e0ff}.contact-inner .status-dot{background:#c3f4c7;box-shadow:0 0 0 4px #ffffff10}.contact-inner h2{font-size:clamp(48px,6.4vw,90px);line-height:1.07;letter-spacing:-4.5px}.contact-inner h2>span{color:#c0d5ff}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:29px 0 51px}.contact-bottom p{font-size:12px;color:#c9dbff;line-height:1.9}.button-white{background:white;color:#245fe7}.button-white:hover{background:#eaf1ff;box-shadow:0 6px 30px #0d36a155}.contact-links{display:flex;gap:33px;align-items:center;border-top:1px solid #ffffff30;padding:24px 0}.contact-links a{font-size:10px;display:flex;align-items:center;gap:10px}.contact-links a svg{height:12px;width:12px;color:#b9d2ff}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}.contact-links>span{font-size:9px;color:#c9dbff;margin-left:auto}.footer{padding:47px 0 24px}.footer-top{display:flex;align-items:center;gap:31px;padding-bottom:37px}.footer-top .brand{font-size:25px}.footer-top .brand-symbol{scale:.9}.footer-top p{font-size:10px}.back-top{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:1.1px;color:var(--muted)}.back-top>span{border:1px solid var(--line);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:17px;color:var(--text)}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:var(--soft)}.footer-bottom>span:nth-child(2){display:flex;align-items:center;gap:12px}.footer-bottom i{width:3px;height:3px;display:block;background:var(--soft);border-radius:50%}.footer-bottom>a{display:flex;align-items:center;gap:9px}.footer-bottom svg{width:12px;height:12px}
/* Native dialog supplies focus containment and Escape support. */
dialog{margin:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;box-shadow:0 25px 120px #0006}dialog::backdrop{background:#03060ecc;backdrop-filter:blur(7px)}.dialog-content{position:relative;padding:35px}.dialog-close{position:absolute;right:17px;top:15px;font-size:29px;color:var(--muted)}.dialog-content .eyebrow{font-size:8px;color:var(--blue-bright);margin-bottom:19px;padding-right:25px}.dialog-content h2{font-size:42px;letter-spacing:-2px}.dialog-content>p{font-size:12px;line-height:1.8;margin:17px 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form label{display:block;font-size:11px;font-weight:500;margin-bottom:16px}form label>span{font-weight:400;color:var(--soft)}input,textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);padding:11px 12px;font-size:12px;display:block;margin-top:7px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:var(--soft);opacity:1}input:focus,textarea:focus{outline:none;border-color:var(--blue-bright);box-shadow:0 0 0 2px #3978ff20}textarea{resize:vertical;min-height:95px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-submit{width:100%;justify-content:space-between;padding:13px 17px}.form-note{font-size:9px;text-align:center;margin-top:12px}.form-status{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:14px}.form-status:empty{display:none}.email-fallback{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;color:var(--blue-bright);text-decoration:underline;text-underline-offset:4px}.email-fallback svg{width:16px;height:16px}.form-success{padding:20px 0}.success-mark{display:grid;place-items:center;background:#3978ff15;color:var(--blue-bright);width:48px;height:48px;border-radius:50%;margin-bottom:20px}.form-success h3{font-size:25px}.form-success p{font-size:13px;margin:15px 0 25px}body.dialog-open{overflow:hidden}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes phone-float{0%,100%{transform:translateX(-50%) rotate(8deg) translateY(0)}50%{transform:translateX(-50%) rotate(5deg) translateY(-7px)}}@keyframes route{to{stroke-dashoffset:-260}}@keyframes panel-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes bar-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
/* Responsive layouts, including small phones. */
@media(min-width:1600px){.hero-layout{min-height:720px}.hero-art{height:600px}.hero-copy{padding-block:80px}.project-visual{height:470px}}
@media(max-width:1200px){.container{width:calc(100% - 80px)}.desktop-nav{margin-right:20px;gap:22px}.hero-layout{min-height:620px}.hero-art{height:490px;margin-right:-25px}.hero-copy{padding-block:55px}h1{font-size:6.3vw;letter-spacing:-4.8px}.hero-copy>p{font-size:14px;max-width:405px}.hero-actions{gap:23px}.hero-actions .button{padding-inline:19px;gap:17px}.hero-actions .text-link{font-size:12px;gap:10px}.label-design{top:78px;right:0}.label-ship{bottom:70px;left:0}.orbit-label{padding:10px 12px}.orbit-label strong{font-size:10px}.orbit-label small{font-size:8px}.project-visual{height:400px}.dental-dashboard{left:22px;width:300px;top:95px;padding:20px}.dental-phone{right:22px;top:90px;width:170px;height:320px}.dental-phone h4{font-size:14px}.map-mini{height:85px}.phone-app-brand{padding-top:17px}.phone-slot{padding:10px}.value-window{left:27px;right:27px;top:90px}.value-content{padding:20px}.value-content h4{font-size:27px}.value-header{padding:12px 16px}.saving-bubble{bottom:50px;right:13px}.service-list{padding-right:42px}.service-tab{padding-block:30px;gap:13px}.service-tab strong{font-size:17px}.service-tab small{font-size:10px}.platform-ios{left:7%}.platform-android{right:5%}.big-promises>div{padding-left:25px}.contact-links{gap:22px}.contact-links>span{font-size:8px}}
@media(max-width:980px){.container{width:calc(100% - 56px)}.desktop-nav{gap:17px;margin-right:5px}.desktop-nav a{font-size:11px}.brand{font-size:24px}.header-actions{gap:8px}.hero-layout{grid-template-columns:57% 43%;min-height:565px}.hero-art{height:440px;margin-left:-20px;margin-right:-15px}h1{font-size:6.45vw;letter-spacing:-3.9px}.availability{font-size:8px;letter-spacing:1px}.hero-copy>p{font-size:13px;max-width:370px}.hero-actions{gap:21px;flex-wrap:wrap}.hero-actions .button{font-size:12px}.hero-note{margin-top:30px}.label-design{top:72px;right:-3px}.label-ship{bottom:65px;left:5px}.coordinate-top{top:19px;left:14%;font-size:6px}.coordinate-bottom{font-size:5px;left:10%;right:7%;bottom:12px}.orbit-icon{width:23px;height:23px}.orbit-label{padding:9px;gap:6px}.orbit-label strong{font-size:8px}.orbit-label small{font-size:7px}.promise-inner{gap:16px}.promise-inner>span{font-size:9px}.promise-inner>p{font-size:10px}.section{padding-block:85px}.project-visual{height:360px}.visual-caption{font-size:6px;left:21px;top:25px}.project-visit{width:29px;height:29px;top:18px;right:17px}.dental-dashboard{scale:.87;transform-origin:top left;left:16px;top:85px}.dental-phone{scale:.88;transform-origin:top right;right:17px;top:92px}.value-window{left:23px;right:23px;top:75px}.value-header{padding:10px 13px}.value-header strong{font-size:10px}.value-header>span{font-size:6px}.value-content{padding:16px}.value-content h4{font-size:25px}.value-content>p{font-size:7px}.comparison{gap:7px;margin-top:13px}.comparison>div{padding:7px}.comparison>div>span{font-size:4.5px}.comparison strong{font-size:22px}.value-action{margin-top:10px}.value-window-foot{padding:7px 16px;gap:15px}.saving-bubble{bottom:43px;padding:10px 12px;gap:7px}.saving-bubble strong{font-size:15px}.saving-bubble small{font-size:4.5px}.saving-bubble>span{font-size:24px}.product-badge{bottom:16px;left:19px;font-size:7px}.project-info h3{font-size:22px}.kerbside-copy{padding:25px}.service-list{padding-right:29px}.service-tab{padding-block:28px;gap:10px}.service-tab strong{font-size:15px}.service-tab small{font-size:9px}.service-number{font-size:8px}.service-art{min-height:277px}.service-panel-copy{padding:23px}.service-panel-copy h3{font-size:17px}.service-panel-copy p{font-size:11px}.platform-label{font-size:11px;padding:10px 12px;gap:22px}.platform-ios{left:6%;top:65px}.platform-android{right:4%;bottom:60px}.service-phone{scale:.9;transform-origin:top left}.stack-line{gap:16px}.stack-line>div{font-size:17px}.stack-line>span{max-width:70px;font-size:7px}.stack-line .stack-stripe{font-size:22px}.big-promises strong{font-size:33px}.big-promises>div{padding-left:23px}.big-promises p{font-size:10px}.why-details{gap:28px}.process-grid{gap:34px}.process-step p{font-size:11px}.process-step small{font-size:6px;letter-spacing:.8px}.faq-section{padding-top:0}.faq-layout{gap:50px}.faq-intro h2{font-size:34px}.faq-list summary{font-size:12px}.contact-links{flex-wrap:wrap;gap:14px 25px}.contact-links>span{flex-basis:100%;margin:0}.footer-bottom{font-size:7px;gap:12px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 44px)}.header-inner{height:72px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px}.menu-toggle span{width:17px;height:1px;display:block;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.brand{font-size:25px}.header-actions{gap:9px}.button-small{font-size:11px;padding:10px 14px;gap:18px}.theme-toggle{width:30px;height:35px}.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:54px 0 12px}.availability{font-size:8px;letter-spacing:1.2px;margin-bottom:26px}h1{font-size:clamp(47px,8.8vw,68px);letter-spacing:-3.5px;line-height:1.15}.hero-copy>p{font-size:14px;max-width:470px;margin-top:22px}.hero-actions{margin-top:28px;gap:27px}.hero-actions .button{font-size:12px;padding:15px 18px;gap:23px}.hero-actions .text-link{font-size:12px}.hero-note{display:none}.hero-art{height:425px;margin:5px auto 22px;width:min(510px,100%)}.coordinate-top{font-size:7px;left:12%;right:10%;top:15px}.coordinate-bottom{font-size:6px;left:9%;bottom:3px}.orbit-label strong{font-size:10px}.orbit-label small{font-size:8px}.orbit-label{padding:10px 13px;gap:9px}.orbit-icon{width:29px;height:29px}.label-design{top:72px;right:1%}.label-ship{bottom:62px;left:1%}.hero-bottom{height:59px;font-size:9px}.hero-bottom>a{display:none}.motion-toggle{font-size:8px}.promise-inner{display:grid;grid-template-columns:1fr 1fr;padding-block:24px;gap:18px 25px}.promise-inner>p{font-size:10px}.promise-inner>span{font-size:10px}.promise-inner svg{width:13px;height:13px}.section{padding:70px 0}h2{font-size:39px;letter-spacing:-2px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:21px;font-size:12px}.section-heading>p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:19px;gap:11px}.work-grid{grid-template-columns:1fr;gap:33px}.project-visual{height:440px}.dental-dashboard{scale:1;left:28px;top:114px;width:330px}.dental-phone{scale:1;right:38px;top:93px;width:182px;height:344px}.dental-phone h4{font-size:16px}.map-mini{height:100px}.phone-app-brand{padding-top:21px}.phone-slot{padding:12px}.visual-caption{font-size:8px;top:29px;left:26px}.project-visit{width:33px;height:33px;top:21px;right:20px}.product-badge{font-size:8px;bottom:19px;left:24px}.value-window{top:83px;left:35px;right:35px}.value-content{padding:24px}.value-content h4{font-size:32px}.value-content>p{font-size:9px}.value-header{padding:14px 20px}.value-header strong{font-size:12px}.value-header>span{font-size:7px}.comparison{margin-top:19px;gap:10px}.comparison>div{padding:12px}.comparison>div>span{font-size:6px}.comparison strong{font-size:27px}.comparison i{font-size:7px}.value-action{padding:11px 12px;font-size:9px;margin-top:14px}.value-window-foot{padding:10px 24px;gap:21px;font-size:7px}.saving-bubble{padding:12px 15px;right:17px;bottom:55px}.saving-bubble strong{font-size:18px}.saving-bubble small{font-size:5px}.saving-bubble>span{font-size:28px}.project-info{margin-top:18px}.project-description{margin-top:11px;font-size:12px}.kerbside-project{grid-template-columns:1fr}.kerbside-map{min-height:195px}.kerbside-copy{padding:25px}.kerbside-number{position:absolute;right:25px;top:192px}.kerbside-copy .project-category{font-size:7px}.service-layout{grid-template-columns:1fr}.service-list{padding:0;display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;gap:0 20px}.service-tab{gap:10px;padding:20px 0}.service-tab:nth-last-child(2){border-bottom:1px solid var(--line)}.service-tab strong{font-size:13px}.service-tab small{font-size:8px;margin-top:7px;line-height:1.5}.service-tab>svg{width:13px;height:13px}.service-number{font-size:7px}.service-art{min-height:290px}.service-phone{scale:1}.platform-label{font-size:13px;gap:32px;padding:12px 17px}.platform-ios{left:10%;top:75px}.platform-android{right:6%}.service-panel-copy{padding:25px}.service-panel-copy h3{font-size:19px}.service-panel-copy p{font-size:12px}.support-strip{padding:23px 20px;align-items:flex-start;gap:15px}.support-strip>svg{width:19px}.support-strip h3{font-size:13px;line-height:1.5}.support-strip p{font-size:10px}.support-strip>a{display:none}.stack-line{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:19px;padding-top:30px}.stack-line>span{grid-column:1/-1;max-width:none;margin-bottom:2px;font-size:7px}.stack-line>div{font-size:18px}.why-heading h2{font-size:41px;letter-spacing:-2px}.why-heading>p{font-size:12px}.why-heading>p br{display:none}.big-promises{grid-template-columns:1fr;padding:0;margin-top:36px}.big-promises>div,.big-promises>div:first-child{padding:24px 0;border-left:0;border-bottom:1px solid #cbd2df;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:15px}.big-promises>div:last-child{border-bottom:0}.big-promises>div>span{font-size:7px;grid-column:1}.big-promises strong{grid-column:2;grid-row:1/3;margin-top:0;font-size:33px;text-align:right}.big-promises p{grid-column:1;font-size:10px;line-height:1.6;margin-top:6px}.why-details{grid-template-columns:1fr;gap:22px;margin-top:29px}.why-details p{font-size:11px}.why-details strong{font-size:12px}.why-details>div{gap:13px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 26px}.step-number{font-size:25px}.process-step h3{font-size:19px;margin-top:19px}.process-step p{font-size:11px;line-height:1.85;margin:12px 0 17px}.process-step small{font-size:6px;line-height:1.8;letter-spacing:.5px}.faq-section{padding-top:0}.faq-layout{grid-template-columns:1fr;gap:33px;padding-top:52px}.faq-intro h2{font-size:36px}.faq-intro>p{margin:19px 0}.faq-list summary{font-size:12px;padding-block:21px}.contact-section{padding-top:56px}.contact-inner h2{font-size:clamp(39px,7.8vw,58px);letter-spacing:-2.5px;line-height:1.14}.contact-inner .eyebrow{font-size:7px;letter-spacing:1.05px;gap:10px}.contact-bottom{display:block;margin:23px 0 30px}.contact-bottom p{font-size:12px}.contact-bottom p br{display:none}.contact-bottom .button{margin-top:26px;padding:14px 19px;font-size:12px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding-block:23px}.contact-links a{font-size:9px;gap:7px}.contact-links>span{font-size:8px;line-height:1.7}.footer{padding:35px 0 22px}.footer-top{gap:20px;flex-wrap:wrap;padding-bottom:26px}.footer-top .brand{font-size:24px}.footer-top p{order:3;width:100%;font-size:10px;margin-top:-3px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:8px}.footer-bottom>span:first-child{width:100%}.footer-bottom>a{margin-left:auto}.back-top{font-size:7px;gap:11px}.form-row{gap:12px}.dialog-content{padding:30px 24px}.dialog-content h2{font-size:35px}.dialog-content>p{margin-block:14px 20px}}
@media(max-width:420px){.container{width:calc(100% - 36px)}.header-inner{gap:10px}.header-actions{gap:5px}.brand{font-size:22px}.brand-tech{font-size:10px}.brand-symbol{width:23px;gap:3px;margin-right:9px}.brand-symbol i{width:5px;height:23px}.brand-dot{font-size:7px}.button-small{padding:9px 11px;gap:10px;font-size:10px}.theme-toggle svg{width:16px;height:16px}.hero-copy{padding-top:44px}.availability{font-size:7px;letter-spacing:1px}h1{font-size:10.5vw;letter-spacing:-2.7px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;gap:16px;padding:14px 15px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-art{height:355px;margin-bottom:19px;margin-top:10px}.label-design{top:63px;right:0}.label-ship{bottom:48px;left:0}.orbit-label{padding:8px 10px;gap:7px}.orbit-label strong{font-size:9px}.orbit-label small{font-size:7px}.orbit-icon{width:25px;height:25px}.coordinate-bottom{font-size:5px;left:7%;gap:10px}.coordinate-top{font-size:6px}.promise-inner{gap:17px 12px}.promise-inner>span{font-size:8px;gap:6px}.promise-inner>p{font-size:9px}h2{font-size:34px;letter-spacing:-1.7px}.section-heading>p{font-size:11px}.project-visual{height:353px}.visual-caption{font-size:6px;left:19px;top:25px}.dental-dashboard{scale:.82;left:18px;top:93px}.dental-phone{scale:.83;right:18px;top:82px}.product-badge{font-size:7px;left:18px;bottom:15px}.value-window{top:77px;left:22px;right:22px}.value-header{padding:10px 14px}.value-header strong{font-size:10px}.value-header>span{font-size:6px}.value-content{padding:16px 18px}.value-content h4{font-size:26px}.value-content>p{font-size:7px}.value-overline{font-size:5px}.comparison{gap:7px;margin-top:13px}.comparison>div{padding:8px}.comparison>div>span{font-size:4.7px}.comparison strong{font-size:23px}.comparison i{font-size:6px}.value-action{font-size:8px;padding:8px 10px;margin-top:11px}.value-window-foot{padding:7px 18px;font-size:5px;gap:15px}.saving-bubble{bottom:45px;right:12px;padding:10px 12px}.saving-bubble strong{font-size:15px}.saving-bubble small{font-size:4px}.saving-bubble>span{font-size:23px}.project-info h3{font-size:22px}.project-category{font-size:7px}.service-tab{gap:8px}.service-tab strong{font-size:12px;letter-spacing:-.4px}.service-tab small{font-size:7px}.service-tab>svg{width:12px}.service-list{gap:0 15px}.service-art{min-height:273px}.platform-label{font-size:11px;gap:20px;padding:10px 13px}.platform-ios{left:5%;top:70px}.platform-android{right:4%;bottom:48px}.service-panel-copy{padding:22px}.service-panel-copy h3{font-size:17px}.service-panel-copy p{font-size:11px}.tag-row>span{font-size:7px}.big-promises strong{font-size:29px;letter-spacing:-1.3px}.big-promises p{font-size:9px}.big-promises>div>span{font-size:6px}.why-heading h2{font-size:36px}.process-grid{gap:28px 23px}.process-step h3{font-size:17px}.process-step p{font-size:10px}.process-step small{font-size:5.5px}.faq-intro h2{font-size:33px}.contact-inner h2{font-size:9.2vw;letter-spacing:-2px}.contact-inner .eyebrow{font-size:6px}.contact-links{gap:15px 13px}.contact-links a{font-size:8px}.contact-links>span{font-size:7px}.dialog-content{padding:27px 21px}.form-row{grid-template-columns:1fr;gap:0}form label{font-size:10px;margin-bottom:13px}.web-demo{left:6%;right:6%;top:36px}.web-demo-main{padding:15px}.web-demo-main>strong{font-size:13px}.ai-inputs{left:5%;top:67px}.ai-inputs span{font-size:7px;padding:9px}.ai-core{left:55%;width:59px;height:59px;top:116px}.ai-output{top:213px;font-size:8px}}
@media(max-width:350px){.brand-tech,.brand-dot{display:none}.hero-actions{gap:18px}.hero-actions .text-link{font-size:9px}.hero-actions .button{font-size:10px;gap:10px;padding-inline:12px}.service-tab strong{font-size:10px}.service-number{display:none}.project-visual{height:325px}.dental-dashboard{scale:.74;left:13px;top:92px}.dental-phone{scale:.74;right:13px;top:82px}.value-window{left:19px;right:19px;top:75px}.value-content{padding:14px}.value-content h4{font-size:23px}.value-header{padding:9px 12px}.value-header strong{font-size:9px}.comparison>div>span{font-size:4px}.comparison strong{font-size:21px}.saving-bubble{bottom:38px}.big-promises strong{font-size:25px}.big-promises p{font-size:8px}.contact-links{grid-template-columns:1fr}.contact-links a{font-size:10px}.contact-links>span{font-size:8px}}
html.motion-paused{scroll-behavior:auto}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused .service-panel,.motion-paused .faq-list p,.motion-paused .chart-bars i{animation:none!important}
@media(prefers-reduced-motion:reduce){.project-visual:hover .dental-dashboard{transform:rotate(-7deg)}.project-visual:hover .dental-phone{transform:rotate(9deg)}.project-visual:hover .value-window{transform:rotate(-4deg)}.project-visual:hover .saving-bubble{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}.button:hover{transform:none}.service-phone{animation:none}}
/* Keep the actual studio copy comfortable to read; miniature UI stays illustrative. */
:root{--soft:#8792a7}:root[data-theme=light]{--soft:#59677b}
.why-heading>p,.big-promises p,.why-details p{color:#59687e}.big-promises>div>span{color:#59687e}
.button{background:#2862e9}.button:hover{background:#326bdd}.button-white{background:#fff}.button-white:hover{background:#eaf1ff}
.contact-bottom p,.contact-links>span,.contact-inner .eyebrow{color:#ecf2ff}
.project-description,.kerbside-copy p,.service-panel-copy p,.process-step p,.faq-list p{font-size:13px}
.section-heading>p{font-size:14px}.support-strip p,.why-details p{font-size:12px}.why-details strong{font-size:13px}.faq-list summary{font-size:14px}.contact-bottom p{font-size:13px}.motion-toggle:disabled{cursor:default;opacity:1}
@media(max-width:760px){.project-description,.kerbside-copy p,.service-panel-copy p,.process-step p,.faq-list p,.why-details p{font-size:12px}.section-heading>p{font-size:12px}.faq-list summary{font-size:13px}.contact-bottom p{font-size:12px}}
