:root{--ink:#182321;--paper:#f4f1e9;--paper-2:#ebe6db;--teal:#0d5c55;--teal-dark:#083c38;--coral:#f26b4f;--lime:#c6ee88;--line:rgba(24,35,33,0.17);--mono:"DM Mono",monospace;--sans:"Manrope",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.section-shell{padding-left:clamp(24px,6vw,92px);padding-right:clamp(24px,6vw,92px)}.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);transition:background .3s ease,height .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.site-header.is-scrolled{height:72px;background:rgba(244,241,233,.9);border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;line-height:.9;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;font-family:var(--mono);letter-spacing:-.08em}.brand-name{font-size:14px}.nav-links{display:flex;align-items:center;gap:clamp(24px,3vw,48px);font-size:13px;font-weight:700}.nav-links>a{position:relative}.nav-links>a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:right .25s ease}.nav-links>a:hover:after{right:0}.nav-cta{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800;padding:10px 0 10px 10px}.arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}a:hover .arrow,button:hover .arrow{transform:translateX(4px)}.arrow.down{transform:rotate(90deg)}a:hover .arrow.down{transform:rotate(90deg) translateX(4px)}.menu-button{display:none;border:0;background:transparent;width:40px;height:40px;padding:10px}.menu-button span{display:block;height:1.5px;background:var(--ink);margin:6px 0}.hero{min-height:100svh;padding-top:clamp(132px,16vh,180px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:6vw;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:44vw;height:44vw;min-width:500px;min-height:500px;background:radial-gradient(circle,rgba(198,238,136,.45),rgba(198,238,136,0) 68%);top:-20vw;right:0;pointer-events:none}.eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:500}.hero h1{margin:22px 0 28px;font-size:clamp(52px,6.8vw,102px);line-height:.96;max-width:930px;letter-spacing:-.072em;font-weight:700}.hero h1 em{display:block;color:var(--teal);font-style:normal;font-weight:500}.hero-lead{margin:0;max-width:650px;font-size:clamp(17px,1.5vw,21px);color:rgba(24,35,33,.72);line-height:1.65}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:38px}.primary-btn{border:0;border-radius:0;min-width:194px;padding:17px 19px 17px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--coral);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(242,107,79,.2);transition:transform .25s ease,box-shadow .25s ease}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(242,107,79,.28)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:5px}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(24,35,33,.15);border-radius:50%}.orbit-one{width:490px;height:490px}.orbit-two{width:350px;height:350px;border-style:dashed;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.visual-card{position:absolute;border:1px solid rgba(24,35,33,.14);box-shadow:0 25px 70px rgba(24,35,33,.12)}.card-main{width:min(370px,86%);background:#fffdf8;padding:17px;transform:rotate(3deg);z-index:2}.card-top{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em;margin-bottom:15px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#48a96a;border-radius:50%;margin-right:6px}.mini-window{border:1px solid var(--line)}.window-bar{padding:8px;border-bottom:1px solid var(--line);display:flex;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:var(--line)}.window-content{padding:36px 27px 30px;min-height:260px;background:linear-gradient(135deg,#e6f4d6,#f5e8dc 70%)}.window-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.14em}.window-content strong{display:block;font-size:29px;line-height:1.1;letter-spacing:-.05em;margin-top:30px}.window-lines{display:grid;gap:7px;margin-top:36px}.window-lines i{height:5px;border-radius:10px;background:rgba(24,35,33,.16);width:86%}.window-lines i:nth-child(2){width:60%}.window-lines i:nth-child(3){width:72%}.card-note{z-index:3;right:-5px;bottom:54px;width:205px;padding:20px;background:var(--teal);color:#fff;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;font-size:11px;transform:rotate(-4deg)}.card-note strong{grid-column:1/-1;font-size:16px}.spark-icon{width:28px;fill:var(--lime);grid-column:1/-1;margin-bottom:10px}.visual-caption{position:absolute;left:0;top:75px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-proof{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:26px 0;margin-top:34px}.proof-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:rgba(24,35,33,.55)}.stack-list{display:flex;align-items:center;gap:clamp(15px,2.4vw,38px);font-size:12px;font-weight:800}.stack-list i{width:3px;height:3px;border-radius:50%;background:var(--coral)}.services{padding-top:clamp(95px,12vw,175px);padding-bottom:clamp(95px,12vw,175px);background:var(--paper-2)}.section-heading{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:5vw;align-items:start;margin-bottom:78px}.section-heading h2{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.06em;margin:0}.section-heading p{max-width:420px;margin:6px 0 0 auto;color:rgba(24,35,33,.68);font-size:16px}.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:.2fr 1.25fr .75fr;gap:4vw;padding:38px 0 42px;border-bottom:1px solid var(--line);transition:padding .3s ease}.service-card:hover{padding-left:12px;padding-right:12px}.service-index{font:11px var(--mono);color:var(--coral);padding-top:9px}.service-card h3{margin:0 0 12px;font-size:clamp(24px,2.5vw,36px);letter-spacing:-.045em}.service-card p{margin:0;max-width:640px;color:rgba(24,35,33,.68)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;justify-content:flex-end}.tag-list span{border:1px solid rgba(24,35,33,.2);border-radius:30px;padding:7px 12px;font:10px var(--mono)}.process-line{margin-top:70px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:17px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.process-line i{height:1px;background:var(--line);position:relative}.process-line i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.rateus{background:var(--teal-dark);color:#f8f4e8;padding-top:clamp(90px,10vw,150px)}.rateus-panel{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.case-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:10px;color:rgba(248,244,232,.68)}.status-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 6px rgba(198,238,136,.1)}.rateus-copy h2{font-size:clamp(64px,8vw,120px);line-height:.9;letter-spacing:-.08em;margin:38px 0 30px}.rateus-copy h2 span{color:var(--lime)}.rateus-tagline{max-width:660px;font-size:clamp(22px,2.7vw,36px);line-height:1.3;letter-spacing:-.035em;margin:0 0 24px}.rateus-body{max-width:610px;color:rgba(248,244,232,.65)}.rateus-copy ul{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.rateus-copy li{font-size:13px;display:flex;align-items:center;gap:10px}.rateus-copy li span{color:var(--lime);font-family:var(--mono)}.phone-wrap{min-height:570px;position:relative;display:grid;place-items:center}.phone{position:absolute;width:260px;height:530px;border:7px solid #101817;border-radius:38px;padding:35px 18px 18px;color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden}.phone-notch{position:absolute;width:95px;height:22px;border-radius:0 0 14px 14px;background:#101817;top:0;left:50%;transform:translateX(-50%)}.phone-front{z-index:2;background:#f7f4ec;transform:rotate(4deg) translateX(48px)}.phone-back{background:#dce8d5;transform:rotate(-9deg) translateX(-83px) translateY(14px);opacity:.82}.app-brand{font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px}.app-brand span{display:grid;place-items:center;width:23px;height:23px;background:var(--teal);color:white;border-radius:8px}.phone-front>p{font-size:23px;font-weight:800;line-height:1.12;letter-spacing:-.05em;margin:34px 0 20px;max-width:160px}.search-pill{border:1px solid rgba(24,35,33,.12);border-radius:9px;background:#fff;padding:11px;font-size:9px;color:rgba(24,35,33,.46);display:flex;justify-content:space-between}.category-pills{display:flex;gap:5px;margin:13px 0 22px}.category-pills span{font-size:7px;border-radius:20px;padding:5px 8px;background:#e4ead9}.category-pills span:first-child{background:var(--teal);color:white}.company-tile{background:white;border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin:9px 0;box-shadow:0 6px 18px rgba(24,35,33,.06)}.company-tile>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#efc6b4;font-style:normal;font-size:11px;font-weight:800}.company-tile>i.green{background:#c4dfb6}.company-tile small,.company-tile strong{display:block}.company-tile strong{font-size:8px}.company-tile small{font-size:6px;color:rgba(24,35,33,.5)}.company-tile b{font-size:15px;color:rgba(24,35,33,.4)}.screen-kicker{font:8px var(--mono)}.review-line{padding:18px 0;border-bottom:1px solid rgba(24,35,33,.1);display:grid;grid-template-columns:auto 1fr;gap:9px}.review-line>i{width:31px;height:31px;border-radius:50%;background:rgba(13,92,85,.18)}.review-line b,.review-line small{display:block;height:5px;background:rgba(24,35,33,.12);border-radius:8px;margin:4px 0}.review-line small{width:65%}.contact-strip{margin-top:120px;border-top:1px solid rgba(248,244,232,.15);border-bottom:1px solid rgba(248,244,232,.15);padding:70px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.contact-strip h2{margin:12px 0 0;font-size:clamp(40px,5.5vw,78px);letter-spacing:-.065em;line-height:1}.contact-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:25px;font:11px var(--mono);color:rgba(248,244,232,.7)}.contact-links a{border-bottom:1px solid rgba(248,244,232,.25);padding-bottom:4px;transition:color .2s ease,border-color .2s ease}.contact-links a:hover{color:var(--lime);border-color:var(--lime)}.primary-btn.light{background:var(--lime);color:var(--ink);box-shadow:none;flex:0 0 auto}footer{min-height:145px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:rgba(248,244,232,.6);font:10px var(--mono)}footer>span{text-align:right}.footer-brand{color:#fff}.footer-brand .brand-mark{background:var(--lime);color:var(--ink)}.footer-brand .brand-name{font-family:var(--sans);font-size:12px}.project-dialog{border:0;padding:0;background:transparent;width:min(670px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:visible}.project-dialog::backdrop{background:rgba(8,28,26,.77);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-card{background:var(--paper);color:var(--ink);padding:clamp(28px,5vw,56px);position:relative;max-height:calc(100svh - 32px);overflow-y:auto}.dialog-close{position:absolute;right:18px;top:13px;width:38px;height:38px;border:0;background:transparent;font-size:30px;font-weight:300;cursor:pointer}.dialog-card h2{margin:14px 0 10px;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.055em}.dialog-intro{color:rgba(24,35,33,.62);max-width:540px;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.dialog-card label>span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.dialog-card select,.dialog-card textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#fffdf8;color:var(--ink);padding:14px;outline:0;transition:border-color .2s ease}.dialog-card select:focus,.dialog-card textarea:focus{border-color:var(--teal)}.details-field{display:block;margin-top:16px}.dialog-card textarea{resize:vertical;min-height:110px}.dialog-actions{display:grid;grid-template-columns:1.45fr 1fr auto;gap:10px;align-items:stretch;margin-top:20px}.dialog-action{width:100%}.copy-btn,.secondary-btn{border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;padding:13px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .2s ease,background .2s ease}.copy-btn:hover,.secondary-btn:hover{border-color:var(--teal);background:rgba(13,92,85,.05)}.copy-note{font-size:11px;font-family:var(--mono);color:var(--teal);margin:12px 0 0}.reveal-four,.reveal-one,.reveal-three,.reveal-two{opacity:0;transform:translateY(18px);animation:reveal .7s cubic-bezier(.2,.7,.2,1) forwards}.reveal-two{animation-delay:.12s}.reveal-three{animation-delay:.24s}.reveal-four{animation-delay:.36s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:150px}.hero-visual{min-height:480px;margin-top:12px}.hero h1{max-width:850px}.hero-proof{margin-top:0}.section-heading{grid-template-columns:.45fr 1.2fr}.section-heading p{grid-column:2;margin:0}.rateus-panel{grid-template-columns:1.15fr .85fr}.phone-wrap{transform:scale(.85)}}@media (max-width:760px){.site-header{height:76px}.menu-button{display:block;position:relative;z-index:3;cursor:pointer}.nav-links{position:fixed;inset:0;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px;gap:24px;transform:translateY(-105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);font-size:25px}.nav-links.is-open{transform:translateY(0)}.nav-cta{font-size:18px;padding-left:0;margin-top:12px}.hero{min-height:auto;padding-top:132px;gap:20px}.hero h1{font-size:clamp(48px,14vw,69px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{min-height:410px}.orbit-one{width:390px;height:390px}.orbit-two{width:290px;height:290px}.card-main{max-width:315px}.window-content{min-height:215px}.window-content strong{font-size:25px}.card-note{right:-10px;bottom:34px;width:180px}.visual-caption{display:none}.hero-proof{align-items:flex-start;flex-direction:column;gap:15px}.stack-list{gap:10px;flex-wrap:wrap}.stack-list i{margin:0 2px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:54px}.section-heading p{grid-column:auto;margin:0}.service-card{grid-template-columns:35px 1fr;gap:12px;padding:28px 0}.tag-list{grid-column:2;justify-content:flex-start}.process-line{grid-template-columns:auto 1fr auto;row-gap:18px}.process-line i:nth-of-type(2),.process-line i:nth-of-type(3),.process-line span:nth-of-type(3),.process-line span:nth-of-type(4){display:none}.rateus-panel{padding-top:10px}.rateus-copy ul,.rateus-panel{grid-template-columns:1fr}.phone-wrap{transform:scale(.82);margin:-30px 0}.contact-strip{margin-top:50px;flex-direction:column;align-items:flex-start;padding:55px 0}footer{grid-template-columns:1fr 1fr;padding:34px 0}footer p{display:none}.dialog-actions,.field-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}