@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#182025;--muted:#657078;--cream:#f5f3ed;--line:#d9dcd9;--blue:#245c9b;--white:#fff;--navy:#152634}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#c5d8ec;color:#182025}.shell{width:min(1170px,calc(100% - 56px));margin:0 auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Space Grotesk',Arial,sans-serif}.site-header{border-bottom:1px solid var(--line);background:rgba(245,243,237,.95);position:sticky;z-index:30;top:0;backdrop-filter:blur(12px)}.header-inner{min-height:84px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;line-height:.98}.brand-number{font-size:39px;letter-spacing:-4px;font-weight:700}.brand-dot{color:var(--blue)}.brand-name{font-weight:700;font-size:14px;letter-spacing:1px}.brand-name small{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--muted)}.nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav a{font-size:13px;font-weight:700}.nav a:hover,.text-link:hover{color:var(--blue)}.header-phone{border:1px solid var(--ink);padding:11px 15px;font-size:12px;white-space:nowrap;font-weight:600}.header-phone span{font-weight:700}.header-phone:hover{background:var(--ink);color:#fff}.menu{display:none;border:0;background:transparent;font-weight:700}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center;padding-top:100px;padding-bottom:100px;min-height:610px}.eyebrow,.section-count{font:700 11px/1.4 'DM Sans',Arial;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:31px}.blue-square{width:8px;height:8px;background:var(--blue)}h1{font-size:clamp(46px,5.1vw,75px);letter-spacing:-4.8px;line-height:1.05;font-weight:600;margin-bottom:25px}h1 em,h2 em{font-style:normal;color:var(--blue)}.lead{font-size:18px;line-height:1.7;max-width:520px;color:#4c5960;margin-bottom:34px}.actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 22px;font-size:14px;font-weight:700;border:1px solid transparent;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#27485f}.text-link{border-bottom:1px solid currentColor;padding:7px 0;font-weight:700;font-size:14px}.text-link span{margin-left:10px}.hero-footnote{margin:35px 0 0;color:#7b8387;font-size:12px}.hero-art{min-width:0}.hero-art-caption,.hero-art-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.hero-art-caption{margin-bottom:15px}.hero-art-bottom{align-items:center;letter-spacing:0;margin-top:14px;color:#717b7f}.hero-art-bottom span:last-child{font-size:23px}.browser{border:1px solid #adbbca;background:#fff;box-shadow:15px 17px 0 #d6dfe3;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transition:transform .35s ease;will-change:transform}.browser:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}.browser-bar{height:35px;display:flex;align-items:center;justify-content:space-between;background:#e9edf0;padding:0 12px;font-size:8px;letter-spacing:.6px;color:#5e6873}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;background:#93a3af;border-radius:100%}.browser-body{height:365px;background:#182129;color:#fff;position:relative;padding:23px 25px;overflow:hidden}.demo-top{display:flex;justify-content:space-between;align-items:start;gap:5px;font-size:9px;letter-spacing:1.2px;position:relative;z-index:2}.demo-top b{font-family:'Space Grotesk';font-size:19px;letter-spacing:-1px}.demo-top b span{color:#b7d3eb}.demo-top>span{padding-top:4px}.demo-inner{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;margin-top:53px}.demo-inner>span:first-child{color:#c5d5e1;letter-spacing:1.5px;font-size:9px}.demo-inner strong{font-family:'Space Grotesk';font-size:clamp(35px,4.3vw,59px);line-height:1.04;letter-spacing:-2.8px;margin:9px 0 24px}.demo-inner strong i{font-style:normal;color:#a6c5db}.demo-button{font-size:9px;font-weight:700;letter-spacing:1.5px;border:1px solid #c7d3dc;padding:10px 13px}.demo-wheel{width:235px;height:235px;border:22px solid #354b5d;box-shadow:inset 0 0 0 17px #9ab3c6,inset 0 0 0 35px #1a2935;position:absolute;top:119px;right:-67px;border-radius:100%;opacity:.6;transform:rotate(-25deg)}.demo-wheel span{position:absolute;inset:58px;border-radius:100%;border:18px solid #738b9a}.demo-bottom{position:absolute;display:flex;gap:25px;bottom:18px;left:25px;font-size:8px;letter-spacing:1.5px;color:#94a9b7}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ebeae4}.ticker-inner{display:flex;align-items:center;justify-content:space-around;gap:22px;min-height:68px;font-weight:700;font-size:12px;letter-spacing:.2px}.ticker-sep{font-size:7px;color:var(--blue)}.section{padding-top:112px;padding-bottom:112px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:47px}.section-intro>p{max-width:340px;color:var(--muted);font-size:15px;margin-bottom:3px}.section-count{margin-bottom:16px}h2{font-size:clamp(34px,4.1vw,54px);line-height:1.09;letter-spacing:-2.5px;font-weight:600;margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project{display:block;min-width:0}.project-image{height:290px;padding:38px 25px;overflow:hidden;transition:background .2s}.p-ink{background:#d7d2c8}.p-auto{background:#cfdae2}.p-clothes{background:#d9d6d2}.mini-browser{height:100%;min-width:0;border:1px solid rgba(255,255,255,.2);box-shadow:7px 10px 0 rgba(0,0,0,.09);transition:transform .24s;overflow:hidden}.project:hover .mini-browser{transform:translateY(-6px) rotate(-1deg)}.p-ink .mini-browser{background:#171716;color:#f6f4e9}.p-auto .mini-browser{background:#19303d;color:#fff}.p-clothes .mini-browser{background:#ece9df;color:#202020;border-color:#aeb4b5}.mini-top{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid rgba(128,128,128,.45)}.mini-top b{font-family:'Space Grotesk';font-size:12px;white-space:nowrap}.mini-top small{font-size:6px;letter-spacing:1px}.mini-body{padding:26px 18px}.mini-body small{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:13px}.mini-body strong{font:700 clamp(22px,2.3vw,33px)/1 'Space Grotesk';letter-spacing:-1px;display:block}.mini-body span{display:inline-block;border-bottom:1px solid currentColor;margin-top:22px;font-size:8px;font-weight:700;letter-spacing:1.1px}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:22px}.project-info p{color:var(--blue);font-size:10px;letter-spacing:1.2px;font-weight:700;margin-bottom:7px}.project-info h3{font-size:21px;line-height:1.1;letter-spacing:-.6px;margin-bottom:6px}.project-info span:not(.project-arrow){color:var(--muted);font-size:13px}.project-arrow{width:35px;height:35px;border:1px solid #9ca6a9;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project:hover .project-arrow{background:var(--ink);color:#fff}.disclosure{color:#777d80;font-size:12px;margin:30px 0 0;line-height:1.6}.services-block{background:#e9ebea}.services-list{border-top:1px solid #c2c8c9}.service-row{display:grid;grid-template-columns:70px 1fr 1.1fr;gap:20px;align-items:center;border-bottom:1px solid #c2c8c9;padding:25px 0}.service-num{font:700 12px 'Space Grotesk';color:var(--blue)}.service-row h3{font-size:22px;margin:0;letter-spacing:-.5px}.service-row p{margin:0;color:#667078;font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan{border:1px solid #cdd1d2;padding:27px 25px 24px;display:flex;flex-direction:column;min-height:393px;background:rgba(255,255,255,.36)}.plan:nth-child(2){background:#e6ebef;border-color:#adbeca}.plan-heading{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px;font-weight:700}.plan-heading b{color:#828e95}.amount{font:600 43px 'Space Grotesk';letter-spacing:-2px;margin:21px 0 4px}.amount span{font:500 12px 'DM Sans';letter-spacing:0;color:#6f787c}.plan>p{font-size:14px;color:#526068;margin-bottom:17px}.plan ul{padding-left:19px;font-size:13px;line-height:1.9;margin:0 0 26px}.plan-cta{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #adb9c0;padding:16px 0 0;font-weight:700;font-size:13px}.plan-cta:hover{color:var(--blue)}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:30px;padding:23px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{font:700 13px 'Space Grotesk';color:var(--blue);padding-top:5px}.process h3{font-size:20px;letter-spacing:-.5px;margin:0 0 5px}.process p{font-size:14px;color:#66717a;margin:0}.contact-area{background:var(--navy);color:#fff;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact-area .section-count{color:#a7d1ee}.contact-area h2 em{color:#b9d6ed}.contact-text>p:not(.section-count):not(.location){max-width:390px;color:#c5d1d9;margin-top:23px}.direct-contact{display:flex;flex-direction:column;gap:25px;margin-top:55px}.direct-contact a{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.direct-contact a small{color:#b2c1cd;font-size:10px;font-weight:700;letter-spacing:1.7px}.direct-contact a strong{font:500 20px 'Space Grotesk';letter-spacing:-.4px}.direct-contact a:hover strong{color:#b0d6fa}.location{margin-top:35px;font-size:12px;color:#96aabb}.form-panel{background:var(--cream);color:var(--ink);padding:35px}.form-heading{font:700 12px 'DM Sans';letter-spacing:1.1px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.form-rows{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-rows label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:7px}.form-rows label.full{grid-column:1/-1}.form-rows input,.form-rows textarea,.form-rows select{width:100%;padding:13px 12px;border:1px solid #c4cbcb;background:transparent;border-radius:0;outline:none;font-size:14px;color:var(--ink)}.form-rows input:focus,.form-rows textarea:focus,.form-rows select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #cbddea}.form-rows textarea{resize:vertical;min-height:104px}.submit{width:100%;margin-top:23px}.form-help{display:block;margin-top:12px;font-size:11px;color:#6d777f}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.footer{background:#101b24;color:#fff}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-name small{color:#a1b5c1}.footer-inner>span,.footer-inner>a:last-child{color:#b9c7cf;font-size:12px}.footer-inner>a:last-child:hover{color:#fff}
@media(max-width:1020px){.hero{gap:40px}.header-inner{gap:20px}.nav{gap:15px}.header-phone{font-size:11px}.project-image{padding:25px 15px;height:270px}.contact-grid{gap:45px}.demo-inner strong{font-size:45px}}
@media(max-width:760px){.shell{width:min(100% - 36px,540px)}.header-inner{min-height:68px}.brand-number{font-size:34px}.brand-name{font-size:12px}.header-phone{margin-left:auto;padding:10px;font-size:11px}.header-phone span{display:none}.menu{display:block;font-size:12px}.menu span{padding-left:5px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:20px 18px;box-shadow:0 10px 18px rgba(0,0,0,.06)}.nav.open{display:flex;flex-direction:column;align-items:start;gap:15px}.hero{grid-template-columns:1fr;padding-top:62px;padding-bottom:72px;gap:50px;min-height:0}.hero-copy{max-width:540px}h1{font-size:clamp(43px,10vw,65px);letter-spacing:-3px}.lead{font-size:16px}.hero-art{max-width:520px;width:100%}.browser{transform:none;box-shadow:9px 11px 0 #d6dfe3}.browser:hover{transform:none}.demo-inner strong{font-size:clamp(43px,9vw,60px)}.ticker-inner{flex-wrap:wrap;padding:14px 0;justify-content:center;font-size:11px;gap:10px 15px}.ticker-sep:last-of-type{display:block}.section{padding-top:74px;padding-bottom:74px}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:20px}.project-grid,.plans{grid-template-columns:1fr;gap:36px}.project-image{height:280px;padding:31px}.mini-body strong{font-size:34px}.service-row{grid-template-columns:30px 1fr;gap:10px 13px}.service-row p{grid-column:2/-1}.service-row h3{font-size:20px}.plan{min-height:0}.process{grid-template-columns:1fr;gap:35px}.contact-area{padding:76px 0}.contact-grid{grid-template-columns:1fr;gap:45px}.direct-contact{margin-top:30px}.footer-inner{flex-wrap:wrap;padding:28px 0;min-height:0}.footer-inner>span{order:3;width:100%}.form-panel{padding:28px 21px}}
@media(max-width:420px){.header-phone{font-size:10px;padding:8px}.menu{font-size:11px}.actions{gap:20px}.button{gap:26px}.browser-body{height:330px}.demo-top>span{font-size:7px}.demo-wheel{right:-120px}.mini-top small{font-size:5px}.form-rows{grid-template-columns:1fr}.form-rows label.full{grid-column:auto}.direct-contact a strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}