:root{--blue:#1548ff;--ink:#0e0f12;--paper:#f0eee7;--white:#fafafa;--line:rgba(14,15,18,.18);--pad:clamp(20px,3.4vw,58px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.header{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:.06em}.mark{width:27px;height:27px;position:relative;display:inline-block;flex:none}.mark i{position:absolute;background:currentColor;width:9px;height:27px;transform:skew(-27deg);left:5px}.mark i+ i{height:14px;left:15px;top:0}.nav{display:flex;gap:30px;font-size:13px}.nav a:hover{color:var(--blue)}.header-cta{justify-self:end;background:var(--ink);color:#fff;padding:13px 18px;font-size:13px}.header-cta span{margin-left:22px}.menu{display:none;background:none;border:0}.eyebrow{font:600 11px Menlo,Consolas,monospace;letter-spacing:.12em}.hero{min-height:calc(100vh - 80px);padding:34px var(--pad) 38px;background:var(--paper);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start}.hero-top p,.hero-note{font:500 11px/1.6 Menlo,Consolas,monospace;text-transform:uppercase}.hero-note{text-align:right}.hero h1{font-size:clamp(72px,14.6vw,260px);font-weight:800;letter-spacing:-.082em;line-height:.78;align-self:center;margin:4vh 0 0 -1vw;white-space:nowrap}.hero-bottom{align-items:flex-end}.hero-bottom h2{font-size:clamp(24px,3.1vw,52px);letter-spacing:-.05em;line-height:1.02;margin:0;font-weight:500}.circle-link{height:108px;width:108px;border-radius:50%;background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:center;padding-left:23px;font-size:12px}.circle-link span{font-size:20px;margin-top:5px}.manifesto{min-height:100vh;background:var(--blue);color:#fff;padding:var(--pad);display:grid;grid-template-columns:1fr 3fr;align-items:center}.section-num{font:12px Menlo,Consolas,monospace;align-self:start}.manifesto>div{max-width:1050px}.manifesto h2{font-size:clamp(48px,7.5vw,130px);line-height:.94;letter-spacing:-.07em;margin:25px 0}.manifesto h2 em{font-family:Georgia,serif;font-weight:400}.manifesto>div>p:last-child{max-width:650px;margin-left:auto;font-size:19px;line-height:1.6}.product-preview{min-height:100vh;padding:var(--pad);display:grid;grid-template-rows:auto 1fr}.section-title{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:45px}.section-title span,.section-title p{font:11px Menlo,Consolas,monospace;letter-spacing:.1em;margin:0}.section-title h2{grid-column:2;font-size:clamp(38px,5vw,78px);line-height:.98;letter-spacing:-.06em;margin:20px 0 0}.feature-cards{display:grid;grid-template-columns:1.05fr .95fr .8fr;min-height:520px}.feature{padding:28px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.3)}.feature>span{font:11px Menlo,Consolas,monospace;letter-spacing:.08em}.feature h3{font-size:clamp(38px,4.6vw,70px);line-height:.92;letter-spacing:-.06em;margin:auto 0 20px}.feature p{max-width:280px;font-size:15px;line-height:1.5}.feature b{font:500 12px Menlo,Consolas,monospace;margin-top:30px}.feature.blue{background:var(--blue);color:#fff}.feature.cream{background:#d8d2c3}.feature.ink{background:var(--ink);color:#fff}.services-preview{min-height:100vh;background:var(--ink);color:#fff;padding:var(--pad)}.section-title.light{border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:35px}.service-lines a{display:grid;grid-template-columns:80px 1.4fr 1fr 40px;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.25)}.service-lines span{font:12px Menlo,Consolas,monospace;color:#777}.service-lines h3{font-size:clamp(25px,3.1vw,48px);letter-spacing:-.04em;margin:0}.service-lines p{color:#aaa;line-height:1.5}.service-lines b{font-size:24px}.proof{padding:120px var(--pad)}.proof>h2{font-size:clamp(48px,7vw,110px);letter-spacing:-.07em;line-height:.92;margin:40px 0 80px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid div{padding:35px 22px;border-right:1px solid var(--line)}.proof-grid b{display:block;color:var(--blue);font-size:58px;letter-spacing:-.06em}.proof-grid span{font-size:12px}.text-link{display:inline-block;margin-top:50px;border-bottom:1px solid;padding-bottom:7px}.page-head{min-height:74vh;padding:70px var(--pad);display:grid;grid-template-columns:1fr 3fr;align-items:end;border-bottom:1px solid var(--line)}.page-index{font:11px Menlo,Consolas,monospace;align-self:start}.page-head h1{font-size:clamp(56px,8vw,130px);line-height:.88;letter-spacing:-.075em;margin:20px 0 40px;max-width:1200px}.page-head .lead{font-size:clamp(17px,1.6vw,23px);line-height:1.55;max-width:700px;margin-left:auto}.split-story{padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.split-story span{font:11px Menlo,Consolas,monospace}.split-story h2{font-size:clamp(42px,5vw,75px);line-height:.95;letter-spacing:-.06em}.split-story>p{font-size:24px;line-height:1.5;margin-top:60px}.vision{background:var(--blue);color:#fff;padding:110px var(--pad)}.vision h2{font-size:clamp(50px,7vw,110px);line-height:.96;letter-spacing:-.07em;max-width:1300px;margin:100px 0 0}.principles{padding:120px var(--pad)}.principles article{display:grid;grid-template-columns:100px 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:32px 0}.principles article span{font:12px Menlo,Consolas,monospace}.principles article h3{font-size:32px;letter-spacing:-.04em;margin:0}.principles article p{line-height:1.6;margin:0;max-width:520px}.service-detail{padding:0 var(--pad)}.service-detail article{display:grid;grid-template-columns:1fr 3fr;padding:90px 0;border-bottom:1px solid var(--line)}.service-label span{font-size:55px;color:var(--blue)}.service-label p{font:11px Menlo,Consolas,monospace}.service-detail h2{font-size:clamp(46px,6vw,92px);line-height:.94;letter-spacing:-.065em;margin:0}.service-intro{font-size:24px;line-height:1.5;max-width:750px;margin:45px 0}.service-list{font:12px/2 Menlo,Consolas,monospace;max-width:800px;text-transform:uppercase}.service-detail a{display:inline-block;background:var(--ink);color:#fff;padding:16px 20px;margin-top:30px;font-size:13px}.engagement{background:var(--blue);color:#fff;padding:100px var(--pad);display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.engagement div{border-left:1px solid rgba(255,255,255,.35);padding-left:25px}.engagement h2{font-size:38px;margin:0 0 40px}.engagement p{line-height:1.5}.estimator{margin:80px var(--pad);background:#fff;border:1px solid var(--line)}.estimate-progress{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:11px Menlo,Consolas,monospace}.estimate-progress div{display:flex;gap:5px}.estimate-progress i{display:block;width:50px;height:3px;background:#ddd}.estimate-progress i.done{background:var(--blue)}.estimate-body{display:grid;grid-template-columns:2.2fr 1fr}.question{padding:60px}.question>p{font:11px Menlo,Consolas,monospace;text-transform:uppercase}.question h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.06em;margin:15px 0 50px}.options{display:grid;gap:10px}.options button{background:transparent;border:1px solid var(--line);padding:22px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.options button.selected{border-color:var(--blue);background:#edf0ff;color:var(--blue)}.estimate-nav{display:flex;justify-content:space-between;margin-top:40px}.estimate-nav button,.estimate-nav a{border:0;padding:15px 20px;background:transparent}.estimate-nav button:disabled{opacity:.35}.estimate-nav .next{background:var(--blue);color:#fff}.estimate-body aside{background:var(--ink);color:#fff;padding:40px}.estimate-body aside>p{font:11px Menlo,Consolas,monospace;color:#888}.estimate-body dl{margin-top:70px}.estimate-body dl div{border-top:1px solid #333;padding:18px 0}.estimate-body dt{font:10px Menlo,Consolas,monospace;color:#888}.estimate-body dd{margin:8px 0 0}.result{padding:90px var(--pad);background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.result>div h2{font-size:clamp(50px,6vw,95px);letter-spacing:-.06em;line-height:.95}.result>div p,.result>div span{font:11px Menlo,Consolas,monospace}form{display:flex;flex-direction:column;gap:18px}form h3{font-size:36px;margin:0}form p{line-height:1.5}form label{font:10px Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}input,textarea{width:100%;border:0;border-bottom:1px solid currentColor;background:transparent;padding:14px 0;outline:none;text-transform:none}textarea{min-height:100px;resize:vertical}.result form button,.contact-grid form button{border:0;background:#fff;color:var(--ink);padding:18px;text-align:left}.catalog{padding:80px var(--pad) 130px}.catalog-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;font:11px Menlo,Consolas,monospace}.catalog-toolbar button{border:0;background:none;padding:7px 15px;cursor:pointer}.catalog-toolbar button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:35px}.product-grid article{background:var(--paper);padding:24px}.product-art{height:220px;background:#dad6cb;display:flex;justify-content:space-between;padding:20px;color:var(--blue)}.product-grid article:nth-child(3n+1) .product-art{background:var(--blue);color:#fff}.product-grid article:nth-child(3n) .product-art{background:var(--ink);color:#fff}.product-grid article>p:first-of-type{font:10px Menlo,Consolas,monospace;margin-top:25px}.product-grid h2{font-size:32px;letter-spacing:-.04em;margin:15px 0}.product-grid .desc{line-height:1.5;min-height:70px}.product-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font:10px Menlo,Consolas,monospace}.product-grid a{display:block;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.catalog-note{font:11px Menlo,Consolas,monospace;margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;padding:100px var(--pad)}.contact-grid>div>button{width:100%;display:flex;justify-content:space-between;padding:23px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font-size:20px;cursor:pointer}.contact-grid>div>button.active{color:var(--blue)}.response-note{font-size:12px;margin-top:70px;line-height:1.8}.contact-grid form{background:var(--blue);color:#fff;padding:50px}.contact-grid form>p{font:11px Menlo,Consolas,monospace}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-grid small{opacity:.7}.legal{padding:90px var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:50px}.legal aside{position:sticky;top:40px;height:max-content}.legal aside p{font:10px Menlo,Consolas,monospace;margin-top:30px}.legal aside small{display:block;line-height:1.5;margin-top:50px;max-width:250px}.legal article{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:35px 0}.legal article span{font:11px Menlo,Consolas,monospace}.legal article h2{font-size:28px;margin:0}.legal article p{line-height:1.6;margin:0}.footer-cta{background:var(--blue);color:#fff;padding:42px var(--pad);display:flex;align-items:center;justify-content:space-between}.footer-cta span{font:10px Menlo,Consolas,monospace;letter-spacing:.1em}.footer-cta h2{font-size:clamp(28px,3.6vw,55px);line-height:1;letter-spacing:-.05em;max-width:850px;margin:18px 0 0}.footer-cta>a{background:#fff;color:var(--ink);padding:18px 20px;font-size:13px;min-width:190px;display:flex;justify-content:space-between}.footer-main{background:#0b0c0f;color:#fff;padding:80px var(--pad) 30px;position:relative;overflow:hidden}.footer-ghost{position:absolute;font-weight:800;font-size:17vw;letter-spacing:-.08em;color:rgba(255,255,255,.035);bottom:40px;left:-1vw;white-space:nowrap}.footer-grid{position:relative;display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:50px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:15px;font-size:12px}.footer-grid h4{font:10px Menlo,Consolas,monospace;color:#777;text-transform:uppercase;margin:0 0 18px}.footer-brand h2{font-size:38px;margin:15px 0 5px}.footer-brand h3{font-size:13px;margin:0}.footer-brand p{color:#888;max-width:390px;line-height:1.6;font-size:13px}.version{font:10px Menlo,Consolas,monospace;display:inline-block;border:1px solid #333;border-radius:20px;padding:8px 12px;margin-top:25px;color:#aaa}.footer-bottom{position:relative;border-top:1px solid #292929;margin-top:90px;padding-top:25px;display:flex;justify-content:space-between;color:#777;font-size:10px;font-family:Menlo,Consolas,monospace}
@media(min-width:900px){.snap{scroll-snap-align:start}body:has(.hero){scroll-snap-type:y proximity}}
@media(max-width:900px){.header{grid-template-columns:1fr auto;height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;border-bottom:1px solid}.nav.open{display:flex}.header-cta{display:none}.menu{display:block}.hero{min-height:calc(100vh - 68px)}.hero h1{font-size:18vw}.manifesto{grid-template-columns:1fr}.manifesto .section-num{margin-bottom:100px}.feature-cards,.proof-grid,.product-grid{grid-template-columns:1fr 1fr}.feature-cards .feature:last-child{grid-column:1/-1}.page-head{grid-template-columns:1fr}.page-index{margin-bottom:90px}.split-story,.result,.contact-grid{grid-template-columns:1fr}.section-title{grid-template-columns:1fr}.section-title h2{grid-column:1}.service-detail article{grid-template-columns:1fr;gap:50px}.engagement{grid-template-columns:1fr 1fr}.estimate-body{grid-template-columns:1fr}.estimate-body aside{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footer-cta{align-items:flex-end;gap:35px}.legal{grid-template-columns:1fr}.legal aside{position:static}.legal article{grid-template-columns:50px 1fr}.legal article p{grid-column:2}.principles article{grid-template-columns:60px 1fr}.principles article p{grid-column:2}}
@media(max-width:600px){.hero-top .hero-note{display:none}.hero-bottom{gap:20px}.hero-bottom h2{font-size:26px}.circle-link{width:92px;height:92px;flex:none;padding-left:17px}.manifesto,.product-preview,.services-preview{min-height:auto;padding-top:90px;padding-bottom:90px}.manifesto>div>p:last-child{font-size:16px}.feature-cards,.proof-grid,.product-grid{grid-template-columns:1fr}.feature-cards .feature:last-child{grid-column:auto}.feature{min-height:400px}.service-lines a{grid-template-columns:40px 1fr 20px}.service-lines a p{grid-column:2}.proof{padding-top:80px}.proof-grid div{border-bottom:1px solid var(--line)}.page-head{min-height:70vh;padding-top:40px}.page-head h1{font-size:15vw}.page-head .lead{font-size:16px}.split-story{padding-top:80px}.split-story>p{font-size:18px;margin-top:0}.vision h2{margin-top:70px}.principles article{grid-template-columns:35px 1fr}.service-detail article{padding:70px 0}.engagement{grid-template-columns:1fr}.question{padding:30px 20px}.estimate-progress i{width:28px}.estimator{margin:40px 14px}.result{padding:70px 20px}.catalog{padding-left:14px;padding-right:14px}.product-grid{display:grid}.contact-grid{padding:70px 14px}.contact-grid form{padding:30px 20px}.form-row{grid-template-columns:1fr}.legal{padding-left:20px;padding-right:20px}.footer-cta{display:block}.footer-cta>a{margin-top:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:13px}.footer-ghost{font-size:26vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Premium interaction and spacing layer */
:root{
  --blue:#174cff;
  --blue-deep:#0627b9;
  --ink:#0b0d10;
  --paper:#f4f1e8;
  --mist:#e8e4d8;
  --silver:#c9cfd8;
  --signal:#34d399;
  --line:rgba(11,13,16,.16);
  --shadow:0 28px 80px rgba(11,13,16,.14);
  --ease:cubic-bezier(.16,1,.3,1);
}
body{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.brand,.eyebrow,.section-title span,.section-title p,.hero h1,.page-head h1,.feature h3,.footer-ghost{
  letter-spacing:0!important;
}
.proof-grid b{
  font-variant-numeric:tabular-nums;
  min-width:2.4ch;
}
.header{
  position:sticky;
  top:0;
  height:92px;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  padding:14px var(--pad);
  backdrop-filter:blur(24px) saturate(1.15);
  background:linear-gradient(180deg,rgba(244,241,232,.94),rgba(244,241,232,.82));
  box-shadow:0 1px 0 rgba(255,255,255,.68) inset,0 18px 55px rgba(11,13,16,.06);
}
.header:before{
  content:"";
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(23,76,255,.45),rgba(52,211,153,.45),transparent);
}
.brand{
  gap:14px;
  width:max-content;
  min-height:58px;
  padding:10px 14px 10px 10px;
  border:1px solid rgba(11,13,16,.11);
  background:rgba(255,255,255,.32);
  box-shadow:0 12px 32px rgba(11,13,16,.055);
}
.brand .mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:var(--ink);
  color:#fff;
}
.brand .mark i{
  width:8px;
  height:25px;
  left:11px;
  top:6px;
}
.brand .mark i+ i{
  height:13px;
  left:20px;
  top:6px;
}
.brand span{
  display:grid;
  gap:2px;
}
.brand b{
  font-size:16px;
  line-height:1;
}
.brand small{
  color:rgba(11,13,16,.56);
  font:600 9px/1.1 Menlo,Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.brand:hover{
  border-color:rgba(23,76,255,.38);
  background:rgba(255,255,255,.52);
  transform:translateY(-1px);
}
.brand:hover .mark{
  background:var(--blue);
  color:#fff;
}
.nav{
  min-height:54px;
  align-items:center;
  gap:4px;
  padding:6px;
  border:1px solid rgba(11,13,16,.11);
  background:rgba(255,255,255,.38);
  box-shadow:0 14px 36px rgba(11,13,16,.055);
}
.nav a{
  position:relative;
  display:grid;
  place-items:center;
  min-height:40px;
  padding:0 17px;
  color:rgba(11,13,16,.68);
  font-weight:600;
}
.nav a:hover,.nav a.active{
  color:var(--ink);
  background:rgba(11,13,16,.055);
}
.nav a.active:after{
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  bottom:7px;
  height:2px;
  background:var(--blue);
}
.header-cta{
  min-height:58px;
  padding:8px 9px 8px 22px;
  align-items:center;
  justify-self:end;
  background:linear-gradient(135deg,#0b0d10,#171a20);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 45px rgba(11,13,16,.16);
}
.header-cta span{
  margin-left:0;
  font-weight:650;
}
.header-cta .arrow{
  width:40px;
  height:40px;
}
.menu{
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:7px 8px 7px 14px;
  border:1px solid rgba(11,13,16,.14);
  background:rgba(255,255,255,.4);
}
.menu{
  padding:7px 7px 7px 16px;
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(232,228,216,.58));
  box-shadow:0 14px 32px rgba(11,13,16,.08);
  font-weight:700;
  cursor:pointer;
}
.menu:hover,.menu.open{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
}
.menu.open .arrow svg{
  transform:rotate(-90deg);
}
.brand,.nav a,.header-cta,.footer-cta>a,.service-detail a,.result form button,.contact-grid form button,.text-link,.product-grid a,.feature b{
  transition:color .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease);
}
.brand:hover .mark,.footer-brand .mark{
  color:var(--blue);
}
.header-cta,.service-detail a,.estimate-nav .next{
  box-shadow:0 12px 28px rgba(11,13,16,.14);
}
.header-cta:hover,.service-detail a:hover,.estimate-nav .next:hover{
  background:var(--blue);
  transform:translateY(-2px);
  box-shadow:0 18px 45px rgba(23,76,255,.28);
}
.brand:hover .mark{
  color:#fff;
}
.arrow-link,.feature b,.service-lines b,.contact-grid>div>button b{
  display:inline-flex;
  align-items:center;
  gap:.72em;
}
.arrow{
  display:inline-grid;
  place-items:center;
  width:2.15em;
  height:2.15em;
  margin-left:0!important;
  margin-top:0!important;
  border:1px solid currentColor;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  line-height:1;
  flex:none;
  transition:transform .32s var(--ease),background .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease);
}
.arrow svg{
  width:1em;
  height:1em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:var(--arrow-rotate,none);
  transition:transform .32s var(--ease);
}
.arrow--up-right{--arrow-rotate:rotate(-45deg)}
.arrow--down-right{--arrow-rotate:rotate(45deg)}
.arrow--left{--arrow-rotate:rotate(180deg)}
.arrow--down{--arrow-rotate:rotate(90deg)}
.header-cta .arrow,.footer-cta>a .arrow,.service-detail a .arrow,.result form button .arrow,.contact-grid form button .arrow,.estimate-nav .next .arrow{
  width:2.25em;
  height:2.25em;
  background:rgba(255,255,255,.14);
}
.footer-cta>a .arrow,.result form button .arrow,.contact-grid form button .arrow{
  background:rgba(11,13,16,.04);
}
.text-link .arrow,.feature b .arrow,.product-grid a .arrow{
  width:1.85em;
  height:1.85em;
}
.circle-link .arrow{
  width:2.55em;
  height:2.55em;
  font-size:13px;
  background:rgba(255,255,255,.14);
  color:#fff;
}
a:hover .arrow,button:hover .arrow,.feature:hover .arrow,.service-lines a:hover .arrow,.contact-grid>div>button:hover .arrow{
  background:var(--blue);
  border-color:var(--blue);
  transform:translate(3px,-3px) scale(1.03);
  box-shadow:0 10px 24px rgba(11,13,16,.18);
}
a:hover .arrow svg,button:hover .arrow svg,.feature:hover .arrow svg,.service-lines a:hover .arrow svg,.contact-grid>div>button:hover .arrow svg{
  color:#fff;
  transform:var(--arrow-rotate,none) translateX(2px);
}
.estimate-nav #backBtn:hover .arrow{
  transform:translateX(-3px);
}
.hero{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(11,13,16,.055) 1px,transparent 1px) 0 0/12.5vw 100%,
    linear-gradient(180deg,rgba(255,255,255,.48),rgba(232,228,216,.55)),
    var(--paper);
}
.hero h1{
  font-size:clamp(64px,13.2vw,230px);
}
.hero:before{
  content:"";
  position:absolute;
  inset:auto var(--pad) 25%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--blue),var(--signal),transparent);
  transform-origin:left;
  animation:lineGrow 1.1s var(--ease) .35s both;
  z-index:-1;
}
.hero:after{
  content:"";
  position:absolute;
  right:var(--pad);
  top:32%;
  width:min(36vw,520px);
  height:min(16vw,220px);
  border:1px solid rgba(11,13,16,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(23,76,255,.08));
  transform:skewX(-12deg);
  z-index:-2;
}
.hero-word{
  position:relative;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:0;
  width:100%;
  max-width:100%;
  padding:clamp(14px,1.8vw,28px) 0 clamp(12px,1.6vw,24px);
  border-top:1px solid rgba(11,13,16,.16);
  border-bottom:1px solid rgba(11,13,16,.16);
  transform:none;
  font-weight:900!important;
  filter:none;
  isolation:isolate;
}
.hero-word:before{
  content:"FINDERPRESS";
  position:absolute;
  inset:clamp(14px,1.8vw,28px) auto auto .035em;
  color:rgba(23,76,255,.18);
  z-index:-1;
  transform:translateY(.09em) skewX(-8deg);
  pointer-events:none;
}
.hero-word:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--signal),transparent 72%);
  transform-origin:left;
  animation:lineGrow 1s var(--ease) .45s both;
}
.hero-word span{
  display:inline-block;
  color:var(--ink);
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  transform:translateY(40px);
  opacity:0;
  animation:brandReveal .78s var(--ease) calc(var(--i)*38ms) forwards;
}
.hero-word span:nth-child(1),.hero-word span:nth-child(7){
  color:var(--blue);
}
.hero-bottom{
  position:relative;
  padding-top:28px;
}
.hero-bottom h2{
  max-width:780px;
}
.hero-action{
  position:relative;
  align-self:flex-end;
  min-width:310px;
  padding:14px 14px 14px 18px;
  color:var(--ink);
  border:1px solid rgba(11,13,16,.14);
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(232,228,216,.52));
  box-shadow:0 22px 65px rgba(11,13,16,.12);
  overflow:hidden;
}
.hero-action:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--blue),var(--signal));
}
.hero-action span{
  display:grid;
  gap:5px;
}
.hero-action small{
  color:rgba(11,13,16,.55);
  font:700 10px/1 Menlo,Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-action b{
  font-size:18px;
  line-height:1.05;
}
.hero-action .arrow{
  width:46px;
  height:46px;
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
}
.hero-action:hover{
  color:#fff;
  background:linear-gradient(135deg,var(--ink),#191d24);
  border-color:rgba(255,255,255,.12);
  transform:translateY(-4px);
  box-shadow:0 30px 85px rgba(11,13,16,.2);
}
.hero-action:hover small{
  color:rgba(255,255,255,.62);
}
.hero-action:hover .arrow{
  background:var(--blue);
  border-color:var(--blue);
}
.circle-link{
  align-items:flex-start;
  gap:6px;
  box-shadow:0 22px 55px rgba(23,76,255,.3);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
  animation:floatCta 5s ease-in-out infinite;
}
.circle-link:hover{
  background:var(--ink);
  transform:translateY(-5px) scale(1.03);
  box-shadow:0 26px 70px rgba(11,13,16,.28);
}
.premium-head{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(11,13,16,.052) 1px,transparent 1px) 0 0/14.2vw 100%,
    linear-gradient(180deg,rgba(255,255,255,.38),rgba(244,241,232,.9));
}
.premium-head:before{
  content:"";
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:0;
  height:8px;
  background:linear-gradient(90deg,var(--blue),var(--signal),var(--silver),transparent);
  transform-origin:left;
  animation:lineGrow .9s var(--ease) both;
}
.premium-head:after{
  content:"FINDERPRESS";
  position:absolute;
  right:-.5vw;
  bottom:-2.8vw;
  font-weight:900;
  font-size:16vw;
  color:rgba(11,13,16,.035);
  white-space:nowrap;
  pointer-events:none;
}
.page-head h1,.page-head .lead,.page-head .eyebrow,.page-index{
  animation:riseIn .78s var(--ease) both;
}
.page-head .eyebrow{animation-delay:.05s}
.page-head h1{animation-delay:.12s;font-weight:850}
.page-head .lead{animation-delay:.2s}
.manifesto,.vision,.footer-cta{
  background:
    linear-gradient(120deg,rgba(255,255,255,.12),transparent 36%),
    linear-gradient(180deg,var(--blue),var(--blue-deep));
}
.feature,.product-grid article,.proof-grid div,.principles article,.legal article,.service-lines a,.contact-grid>div>button{
  transition:transform .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.feature:hover,.product-grid article:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
  z-index:2;
}
.feature.cream{
  background:linear-gradient(145deg,#e7e1d2,#cfc7b6);
}
.feature.ink,.services-preview,.footer-main{
  background:linear-gradient(180deg,#101216,#07080a);
}
.service-lines a:hover,.principles article:hover,.legal article:hover,.contact-grid>div>button:hover{
  background:rgba(255,255,255,.045);
  padding-left:18px;
}
.principles article:hover,.legal article:hover,.contact-grid>div>button:hover{
  background:rgba(23,76,255,.055);
}
.proof-grid div:hover{
  background:rgba(255,255,255,.42);
}
.product-art{
  position:relative;
  overflow:hidden;
}
.product-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.35) 50%,transparent 58% 100%);
  transform:translateX(-120%);
  transition:transform .8s var(--ease);
}
.product-grid article:hover .product-art:after{
  transform:translateX(120%);
}
.catalog-toolbar button{
  border-radius:999px;
}
.options button:hover,.options button.selected{
  box-shadow:inset 0 0 0 1px var(--blue);
}
.footer-cta>a:hover,.result form button:hover,.contact-grid form button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 45px rgba(11,13,16,.18);
}
.reveal{
  opacity:0;
  transform:translateY(42px);
  filter:blur(8px);
  transition:
    opacity .78s var(--ease) var(--reveal-delay,0ms),
    transform .78s var(--ease) var(--reveal-delay,0ms),
    filter .78s var(--ease) var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}
.feature.reveal,.product-grid article.reveal,.proof-grid div.reveal,.engagement div.reveal{
  transform:translateY(48px) scale(.985);
}
.feature.reveal.is-visible,.product-grid article.reveal.is-visible,.proof-grid div.reveal.is-visible,.engagement div.reveal.is-visible{
  transform:translateY(0) scale(1);
}
.section-title.reveal,.page-head>div.reveal{
  transform:translateY(34px);
}
.section-title.reveal.is-visible,.page-head>div.reveal.is-visible{
  transform:translateY(0);
}
.page-head h1,.page-head .lead,.page-head .eyebrow,.page-index{
  animation:none;
}
@keyframes brandReveal{
  to{opacity:1;transform:translateY(0)}
}
@keyframes brandSheen{
  0%,58%{background-position:0 0}
  75%,100%{background-position:100% 0}
}
@keyframes riseIn{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes lineGrow{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@keyframes floatCta{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}
@media(max-width:900px){
  .header{
    height:76px;
    grid-template-columns:1fr auto;
    padding:10px 14px;
  }
  .brand{
    min-height:50px;
    padding:7px 11px 7px 7px;
  }
  .brand .mark{
    width:34px;
    height:34px;
  }
  .brand .mark i{
    left:9px;
    top:5px;
  }
  .brand .mark i+ i{
    left:18px;
    top:5px;
  }
  .brand small{
    display:none;
  }
  .header-cta{
    display:none;
  }
  .menu{
    display:inline-flex;
    justify-self:end;
  }
  .menu .arrow{
    width:30px;
    height:30px;
    background:var(--ink);
    color:#fff;
    border-color:var(--ink);
  }
  .menu:hover .arrow,.menu.open .arrow{
    background:var(--blue);
    border-color:var(--blue);
  }
  .nav{
    display:none;
    position:absolute;
    top:76px;
    left:14px;
    right:14px;
    min-height:0;
    padding:8px;
    gap:6px;
    flex-direction:column;
    align-items:stretch;
    background:rgba(244,241,232,.96);
    backdrop-filter:blur(20px);
    border-color:rgba(11,13,16,.13);
    box-shadow:0 26px 70px rgba(11,13,16,.14);
    overflow:hidden;
  }
  .nav:before{
    content:"Navigation";
    padding:12px 14px 6px;
    color:rgba(11,13,16,.48);
    font:700 10px/1 Menlo,Consolas,monospace;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .nav.open{
    display:flex;
  }
  .nav a{
    justify-content:start;
    place-items:center start;
    min-height:48px;
    padding:0 14px;
    border:1px solid transparent;
    background:rgba(255,255,255,.28);
  }
  .nav a:hover,.nav a.active{
    border-color:rgba(23,76,255,.2);
    background:rgba(23,76,255,.08);
  }
  .nav a.active:after{
    left:14px;
    right:auto;
    width:24px;
  }
  .hero-word{display:block;white-space:normal;line-height:.88}
  .hero:after{top:38%;width:54vw;height:24vw}
  .premium-head:after{font-size:24vw;bottom:-4vw}
  .service-lines a:hover,.principles article:hover,.legal article:hover,.contact-grid>div>button:hover{padding-left:0}
}
@media(max-width:600px){
  .header{
    height:72px;
  }
  .nav{
    top:72px;
  }
  .brand b{
    font-size:14px;
  }
  .hero{
    padding-top:28px;
    min-height:78vh;
  }
  .hero h1{
    font-size:13.6vw;
  }
  .hero-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
  .hero-action{
    width:100%;
    min-width:0;
    align-self:stretch;
  }
  .circle-link{
    width:104px;
    height:104px;
    margin-left:auto;
  }
  .premium-head:before{
    height:5px;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}