:root{
  --ink:#080b10;
  --ink-soft:#0f141c;
  --panel:#151b24;
  --paper:#f4f0e9;
  --paper-bright:#fbf8f2;
  --white:#fff;
  --muted:#a9adb5;
  --muted-dark:#666b70;
  --line:rgba(10,14,19,.14);
  --line-light:rgba(255,255,255,.12);
  --fire:#f45d22;
  --ember:#ff8a3d;
  --green:#56a86b;
  --blue:#3f88e8;
  --sage:#4fa394;
  --violet:#8262ec;
  --sans:"DM Sans",sans-serif;
  --display:"Manrope",sans-serif;
  --serif:"Newsreader",serif;
  --shell:min(1240px,calc(100% - 80px));
  --shadow:0 28px 80px rgba(0,0,0,.22);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
.shell{width:var(--shell);margin-inline:auto}
.section{padding:130px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:10px;background:var(--white);color:var(--ink);padding:10px 16px;z-index:2000;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay{transition-delay:.14s}

.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(40px,calc((100vw - 1240px)/2));position:fixed;inset:0 0 auto;z-index:100;color:#fff;transition:background .25s,border-color .25s,height .25s;border-bottom:1px solid transparent}
.site-header.scrolled{height:74px;background:rgba(8,11,16,.9);backdrop-filter:blur(18px);border-color:var(--line-light)}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand>img{width:52px;height:40px;object-fit:contain}
.brand-name{display:flex;flex-direction:column;line-height:1.02;text-transform:uppercase;letter-spacing:.06em}
.brand-name strong{font:800 15px var(--display)}
.brand-name span{font:600 9px var(--display);letter-spacing:.18em;color:#b8bbc0;margin-top:5px}
.brand-name strong .brand-fire{font:inherit;letter-spacing:inherit;color:var(--ember);margin:0}
.site-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}
.site-nav>a:not(.nav-contact){color:#c4c7cc;transition:color .2s}
.site-nav>a:hover{color:#fff}
.nav-contact{padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:99px}
.menu-toggle{display:none;border:0;background:none;padding:12px}

.hero{min-height:920px;background:
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
  var(--ink);background-size:58px 58px;color:#fff;position:relative;overflow:hidden;padding:160px 0 0}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(244,93,34,.08),transparent 38%,rgba(57,117,84,.06));pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-glow-one{width:520px;height:520px;right:-180px;top:-150px;background:radial-gradient(circle,rgba(244,93,34,.17),transparent 68%)}
.hero-glow-two{width:480px;height:480px;left:30%;bottom:-240px;background:radial-gradient(circle,rgba(47,112,71,.14),transparent 68%)}
.hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:80px;align-items:center;position:relative;z-index:2}
.kicker,.section-index{margin:0 0 24px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:var(--fire)}
.kicker{display:flex;align-items:center;gap:12px;color:#c6c9ce}
.kicker span{display:block;width:42px;height:1px;background:var(--fire)}
.hero h1,.section h2{font-family:var(--display);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin:0}
.hero h1{font-size:clamp(58px,6.5vw,92px);max-width:760px}
.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--ember)}
.hero-lede{font-size:18px;color:#b6bac1;max-width:650px;margin:30px 0 36px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button{min-height:54px;padding:0 22px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-fire{background:var(--fire);color:#fff;box-shadow:0 12px 34px rgba(244,93,34,.2)}
.button-fire:hover{box-shadow:0 17px 40px rgba(244,93,34,.3);background:#ff6a2d}
.button-light{background:#fff;color:var(--ink)}
.text-link{font-size:13px;font-weight:700;color:#d5d7da;display:inline-flex;align-items:center;gap:12px}
.text-link span{color:var(--fire)}

.hero-system{height:590px;position:relative;display:grid;place-items:center}
.system-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.orbit-a{width:470px;height:470px}
.orbit-b{width:325px;height:325px;border-style:dashed;animation:turn 34s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.system-core{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#181d22 0%,#0b0e13 72%);border:1px solid rgba(244,93,34,.5);box-shadow:0 0 80px rgba(244,93,34,.17)}
.system-core::before,.system-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(244,93,34,.18)}
.system-core::before{inset:-18px}.system-core::after{inset:-35px}
.system-core img{width:150px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.5));position:relative;z-index:2}
.core-ring{position:absolute;inset:-4px;border-radius:50%;border-top:2px solid var(--fire);border-right:2px solid transparent;animation:turn 8s linear infinite}
.system-node{position:absolute;min-width:150px;padding:2px 0 2px 17px}
.system-node::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--fire);box-shadow:0 0 13px rgba(244,93,34,.7)}
.system-node::after{content:"";position:absolute;width:44px;height:1px;background:linear-gradient(90deg,var(--fire),transparent)}
.system-node small{font:600 9px var(--display);color:var(--fire);display:block}
.system-node strong{font:700 14px var(--display);display:block;margin:2px 0}
.system-node span{font-size:10px;color:#858b94}
.node-build{top:94px;left:8px}.node-build::after{right:-34px;bottom:11px}
.node-support{top:108px;right:-5px}.node-support::after{left:-34px;bottom:11px;transform:rotate(180deg)}
.node-operate{bottom:79px;right:45px}.node-operate::after{left:-34px;top:11px;transform:rotate(150deg)}
.product-signal{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#b3b7bd}
.product-signal img{width:28px;height:28px;border-radius:7px;object-fit:cover;background:#171b22}
.signal-torch{left:20px;bottom:150px}.signal-moon{right:28px;top:224px}.signal-moments{left:80px;top:207px}
.hero-proof{position:relative;z-index:3;border-top:1px solid var(--line-light);margin-top:24px;background:rgba(7,10,14,.55)}
.proof-grid{min-height:120px;display:grid;grid-template-columns:160px 190px 190px 1fr;align-items:center;gap:36px}
.proof-grid>div{border-right:1px solid var(--line-light)}
.proof-grid strong{display:block;font:600 28px var(--display);color:#fff}
.proof-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#818790}
.proof-grid p{margin:0;color:#8e939b;font-size:12px;max-width:420px;justify-self:end}

.intro{background:var(--paper-bright)}
.intro-grid{display:grid;grid-template-columns:250px 1fr;gap:80px;align-items:start}
.intro-copy h2{font:400 clamp(48px,5.2vw,76px)/1.06 var(--serif);letter-spacing:-.04em;max-width:930px}
.intro-copy p{max-width:720px;font-size:18px;color:var(--muted-dark);margin:30px 0 0}

.services{background:var(--paper)}
.section-heading{display:grid;grid-template-columns:1fr 410px;gap:80px;align-items:end;margin-bottom:70px}
.section-heading h2{font-size:clamp(48px,5vw,72px)}
.section-heading>p{margin:0;color:var(--muted-dark);font-size:17px}
.service-stack{display:flex;flex-direction:column;gap:20px}
.service-card{min-height:300px;border-radius:20px;padding:48px;display:grid;grid-template-columns:80px 1fr .9fr;gap:42px;align-items:start;overflow:hidden;position:relative}
.service-number{font:500 14px var(--display);opacity:.62}
.service-copy h3{font:600 clamp(30px,3vw,46px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 18px}
.service-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;margin:0 0 30px}
.service-copy>p:last-child{font-size:16px;margin:0;max-width:520px;opacity:.7}
.service-card ul{list-style:none;padding:0;margin:0}
.service-card li{padding:14px 0;border-top:1px solid currentColor;font-size:13px;font-weight:600;border-color:rgba(127,127,127,.28)}
.service-card li:last-child{border-bottom:1px solid rgba(127,127,127,.28)}
.service-dark{background:var(--ink-soft);color:#fff;margin-right:7%}
.service-light{background:#e4e0d7;color:var(--ink);margin-left:7%}
.service-fire{background:var(--fire);color:#fff;margin-right:2%}
.web-practice{margin-top:72px;background:#fff;border:1px solid rgba(8,11,16,.1);border-radius:24px;padding:48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;box-shadow:0 25px 70px rgba(27,29,30,.08)}
.web-practice-copy h3{font:600 clamp(37px,4vw,57px)/1.04 var(--display);letter-spacing:-.045em;margin:0 0 20px}
.web-practice-copy>p:not(.service-label){font-size:15px;color:var(--muted-dark);max-width:590px}
.web-capabilities{display:grid;grid-template-columns:1fr 1fr;margin-top:31px;border-top:1px solid var(--line)}
.web-capabilities span{font-size:11px;font-weight:700;padding:13px 0;border-bottom:1px solid var(--line)}
.web-capabilities span:nth-child(odd){border-right:1px solid var(--line)}
.web-capabilities span:nth-child(even){padding-left:18px}
.web-capabilities b{color:var(--fire);font-size:9px;margin-right:9px}
.web-console{background:var(--ink);border-radius:14px;box-shadow:0 30px 60px rgba(8,11,16,.25);overflow:hidden;color:#fff}
.web-console-top{height:44px;border-bottom:1px solid var(--line-light);display:flex;align-items:center;gap:6px;padding:0 14px}
.web-console-top i{width:7px;height:7px;border-radius:50%;background:#ef655b}.web-console-top i:nth-child(2){background:#e7b750}.web-console-top i:nth-child(3){background:#57b778}
.web-console-top span{margin:auto;background:#161c24;border:1px solid var(--line-light);border-radius:5px;color:#737a84;font-size:8px;padding:4px 44px}
.web-console-body{padding:26px;display:grid;grid-template-columns:1fr 150px;gap:14px}
.site-preview{grid-row:span 2;min-height:235px;border-radius:9px;background:radial-gradient(circle at 80% 20%,rgba(244,93,34,.36),transparent 38%),linear-gradient(145deg,#171b22,#0c0f14);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.site-preview small,.hosting-status small,.web-metrics small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#818791}.site-preview strong{font:500 29px/1.05 var(--serif);max-width:220px;margin:8px 0 18px}.site-preview>span{display:block;width:76%;height:4px;background:#252c35;margin-top:7px;border-radius:2px}.site-preview>span:last-child{width:52%}
.hosting-status{background:#151b23;border:1px solid var(--line-light);border-radius:9px;padding:14px;display:flex;align-items:center;gap:10px}.hosting-status .status-light{flex:none}.hosting-status strong{display:block;font-size:10px;margin-top:3px}
.web-metrics{display:grid;grid-template-columns:1fr;gap:6px}.web-metrics>div{background:#11161d;border:1px solid var(--line-light);border-radius:7px;padding:8px 10px}.web-metrics strong{font-size:10px;display:block;color:#cad0d7}

.method{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.method::before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(244,93,34,.14);border-radius:50%;left:-240px;bottom:-280px;box-shadow:0 0 0 90px rgba(244,93,34,.035),0 0 0 180px rgba(244,93,34,.02)}
.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;position:relative;z-index:2}
.section-index.light{color:#ff9a63}
.method-copy h2{font-size:clamp(48px,5vw,74px)}
.method-copy>p:not(.section-index){color:#a7abb2;font-size:17px;margin:28px 0 34px;max-width:540px}
.light-link{color:#fff}.light-link span{color:var(--ember)}
.method-board{background:#111720;border:1px solid var(--line-light);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.board-top{height:52px;border-bottom:1px solid var(--line-light);display:flex;align-items:center;gap:7px;padding:0 18px}
.board-top>span{width:9px;height:9px;border-radius:50%;background:#ef655b}.board-top>span:nth-child(2){background:#e8bd56}.board-top>span:nth-child(3){background:#59b879}
.board-top p{margin:0 0 0 10px;font:500 10px var(--display);color:#727984;text-transform:uppercase;letter-spacing:.1em}
.board-body{padding:34px}
.board-step{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:18px}
.board-step>b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1d2530;color:#89909a;font:600 11px var(--display)}
.board-step.active>b{background:var(--fire);color:#fff;box-shadow:0 0 24px rgba(244,93,34,.35)}
.board-step strong,.board-step small{display:block}.board-step strong{font:700 14px var(--display)}.board-step small{color:#747b86;font-size:11px;margin-top:3px}
.board-step i{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#69717c}
.board-step.active i{color:#ff8e56}
.board-line{height:32px;width:1px;background:#28313d;margin-left:20px}
.board-status{border-top:1px solid var(--line-light);padding:17px 34px;display:flex;align-items:center;gap:10px;color:#89909a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.status-light{width:7px;height:7px;border-radius:50%;background:#55d786;box-shadow:0 0 10px #55d786}

.case-study{background:#d8d0c3}
.case-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}
.case-brand{display:flex;align-items:center;gap:18px;margin:0 0 30px}.case-brand-mark{width:106px;height:106px;flex:none;display:grid;place-items:center;padding:5px;border-radius:19px;background:#091321;border:1px solid rgba(174,126,37,.55);box-shadow:0 16px 38px rgba(45,29,9,.24),inset 0 0 24px rgba(213,166,68,.1)}.case-brand-mark img{width:100%;height:100%;border-radius:13px;object-fit:cover}.case-brand>span:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#68625a}
.case-copy h2{font-size:clamp(46px,4.7vw,69px)}
.case-copy>p{color:#5d5953;font-size:16px;max-width:570px}
.case-copy dl{margin:34px 0 25px;border-top:1px solid rgba(8,11,16,.16)}
.case-copy dl>div{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(8,11,16,.16)}
.case-copy dt{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#9f461f;font-weight:700}.case-copy dd{margin:0;font-size:12px;color:#4e4b47}
.case-note{color:#777169;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.based-window{background:#0a0f18;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;color:#e9eef6;box-shadow:0 35px 80px rgba(33,27,20,.28)}
.based-window-top{height:46px;background:#0d1724;border-bottom:1px solid #293b52;display:flex;align-items:center;gap:6px;padding:0 15px}.based-window-top>span{width:8px;height:8px;border-radius:50%;background:#e7685e}.based-window-top>span:nth-child(2){background:#e6b64e}.based-window-top>span:nth-child(3){background:#56b77d}.based-window-top p{margin:0 0 0 9px;color:#6f8298;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.based-app{min-height:490px;display:grid;grid-template-columns:125px 1fr;background:linear-gradient(180deg,#0c1726,#0a0f18)}
.based-sidebar{background:#0a1320;border-right:1px solid #2a3d56;padding:20px 13px;display:flex;flex-direction:column;gap:7px}.based-sidebar img{width:58px;height:58px;border-radius:10px;margin:0 auto 4px;padding:3px;object-fit:cover;background:#050a11;border:1px solid rgba(213,166,68,.42);box-shadow:0 7px 18px rgba(0,0,0,.34)}.based-sidebar b{text-align:center;font-size:10px;letter-spacing:.1em;margin-bottom:19px}.based-sidebar i{font-style:normal;color:#8091a5;font-size:9px;padding:8px 9px;border-radius:5px}.based-sidebar i.selected{background:rgba(84,163,240,.14);color:#54a3f0;box-shadow:inset 2px 0 #54a3f0}
.based-content{padding:28px}.based-content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.based-content header small,.based-content header strong{display:block}.based-content header small{color:#6d8098;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.based-content header strong{font-size:18px;margin-top:4px}.based-content header button{background:#145da0;color:#fff;border:0;border-radius:6px;padding:9px 12px;font-size:8px;font-weight:700}
.based-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.based-stats>div{background:#182840;border:1px solid #2a3d56;border-radius:8px;padding:14px}.based-stats small,.based-stats strong,.based-stats span{display:block}.based-stats small{text-transform:uppercase;letter-spacing:.08em;color:#9bacc0;font-size:7px}.based-stats strong{font-size:23px;margin:5px 0;color:#fff}.based-stats span{font-size:7px;color:#6d8098}
.based-panel{margin-top:18px;background:#121f30;border:1px solid #2a3d56;border-radius:8px 8px 0 0;padding:14px;display:flex;justify-content:space-between;align-items:center}.based-panel strong,.based-panel small{display:block}.based-panel strong{font-size:10px}.based-panel small{font-size:7px;color:#6d8098;margin-top:3px}.based-live{font-size:7px;color:#5fd79c;background:rgba(70,201,138,.16);padding:5px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}
.based-table{border:1px solid #2a3d56;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.based-row{display:grid;grid-template-columns:1.2fr .8fr 1fr .7fr;gap:8px;padding:12px 13px;border-top:1px solid rgba(255,255,255,.055);font-size:7px;color:#c2ccda}.based-row:first-child{border-top:0}.based-head{background:#121f30;color:#6d8098;text-transform:uppercase;letter-spacing:.08em}.based-row b{font-weight:600;color:#5fd79c}.based-row em{font-style:normal;color:#ef7568}

.products{background:var(--paper-bright)}
.products-layout{display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:start}
.products-intro{position:sticky;top:110px}
.products-intro h2{font-size:clamp(44px,4vw,62px)}
.products-intro>p:not(.section-index){color:var(--muted-dark);font-size:15px;margin:26px 0 34px}
.product-jump{border-top:1px solid var(--line);display:flex;flex-direction:column}
.product-jump a{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;display:flex;gap:18px}
.product-jump span{color:#989b9d;font-size:10px;margin-top:3px}
.product-runway{display:flex;flex-direction:column;gap:34px}
.product-panel{height:680px;border-radius:24px;position:relative;overflow:hidden;padding:52px;display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center;isolation:isolate}
.product-copy{position:relative;z-index:4;align-self:end;padding-bottom:20px}
.product-brand{display:flex;align-items:center;gap:12px;font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase}
.product-brand img{width:42px;height:42px;object-fit:cover;border-radius:11px}
.product-kind{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin:34px 0 12px;opacity:.62}
.product-copy h3{font:500 45px/1.04 var(--serif);letter-spacing:-.035em;margin:0 0 19px}
.product-copy>p:not(.product-kind){font-size:14px;max-width:390px;opacity:.72}
.product-copy>a{display:inline-flex;gap:12px;align-items:center;margin-top:20px;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
.product-device{height:100%;display:grid;place-items:center;position:relative}
.phone-shell{background:#101318;padding:7px;border-radius:37px;box-shadow:0 30px 65px rgba(0,0,0,.3);overflow:hidden;position:relative;z-index:2}
.phone-shell img{width:100%;border-radius:30px}
.device-torch .phone-shell,.device-moon .phone-shell{width:255px;transform:rotate(3deg)}
.device-torch::before,.device-moon::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%}
.product-torch{background:#101b2f;color:#fff}.device-torch::before{background:radial-gradient(circle at 60% 40%,#ff783c,#b92b21 52%,transparent 70%);filter:blur(4px)}
.product-moon{background:#09101b;color:#fff}.device-moon::before{background:radial-gradient(circle at center,#2d5d97 0%,#182f52 43%,transparent 70%)}
.device-moon .phone-shell{transform:rotate(-3deg)}
.product-moments{background:#dcebe6;color:#2e2a27;grid-template-columns:.85fr 1.15fr}
.moments-scenes{height:100%;position:relative}
.moments-scenes>.phone-shell{position:absolute;width:205px;right:5px;bottom:-65px;transform:rotate(2deg);z-index:3}
.browser-shot{position:absolute;width:470px;left:-10px;top:70px;background:#ecebe8;border:1px solid rgba(33,44,40,.18);border-radius:11px;overflow:hidden;box-shadow:0 28px 65px rgba(36,65,57,.2)}
.browser-shot>span{height:25px;display:flex;align-items:center;gap:5px;padding-left:10px}.browser-shot i{display:block;width:6px;height:6px;border-radius:50%;background:#d87267}.browser-shot i:nth-child(2){background:#d7ad55}.browser-shot i:nth-child(3){background:#5ba982}
.browser-shot img{width:100%}

.about{background:#dfd9cf}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}
.about-portrait{max-width:470px}
.portrait-frame{background:var(--ink);border-radius:22px 22px 120px 22px;padding:16px;box-shadow:var(--shadow);position:relative}
.portrait-frame::before{content:"";position:absolute;inset:-10px 25px 25px -10px;border:1px solid rgba(244,93,34,.55);border-radius:26px 26px 120px 26px;z-index:-1}
.portrait-frame img{width:100%;border-radius:13px 13px 105px 13px}
.portrait-caption{display:flex;flex-direction:column;margin:22px 0 0 18px}
.portrait-caption span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#73706b}.portrait-caption strong{font:600 23px var(--serif);margin-top:4px}
.about-copy h2{font-size:clamp(48px,5vw,72px)}
.about-copy>p:not(.section-index){color:#5f5d59;font-size:17px;max-width:700px}
.about-copy blockquote{font:400 27px/1.3 var(--serif);margin:36px 0;padding-left:22px;border-left:2px solid var(--fire);max-width:690px}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px}
.about-facts span,.about-facts strong{display:block}.about-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#77746f}.about-facts strong{font-size:12px;margin-top:4px}

.closing{background:var(--fire);color:#fff;position:relative;overflow:hidden;min-height:580px;display:grid;align-items:center}
.closing-mark{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:620px;opacity:.15;filter:grayscale(1) brightness(3)}
.closing-inner{position:relative;z-index:2}
.closing h2{font:400 clamp(70px,9vw,130px)/.92 var(--serif);letter-spacing:-.05em;max-width:900px}
.closing-inner>p:not(.section-index){font-size:18px;max-width:660px;margin:28px 0 35px}

.contact{background:var(--paper-bright)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}
.contact-copy h2{font-size:clamp(50px,5vw,72px)}
.contact-copy>p:not(.section-index){font-size:16px;color:var(--muted-dark);max-width:520px}
.contact-direct{border-top:1px solid var(--line);margin-top:40px}
.contact-direct a{display:flex;flex-direction:column;padding:17px 0;border-bottom:1px solid var(--line)}
.contact-direct span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#858789}.contact-direct strong{font-size:13px;margin-top:4px}
.contact-form{background:#fff;border:1px solid rgba(8,11,16,.08);border-radius:20px;padding:42px;box-shadow:0 25px 70px rgba(27,29,30,.08);display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-form label{display:block}.contact-form label>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin:0 0 8px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7d5d1;background:#fbfaf7;border-radius:8px;padding:14px;color:var(--ink);outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--fire);box-shadow:0 0 0 3px rgba(244,93,34,.1)}
.contact-form textarea{resize:vertical}.full-field,.form-footer,.form-status{grid-column:1/-1}.full-field{position:relative}.full-field small{position:absolute;right:9px;bottom:8px;color:#9a9a98;font-size:9px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:30px}.form-footer p{font-size:10px;color:#777b80;max-width:410px}.form-footer p a{text-decoration:underline}.form-footer .button{flex:none}
.form-status{min-height:22px;font-size:12px;margin-top:-6px}.form-status.success{color:#347646}.form-status.error{color:#aa3329}

.site-footer{background:var(--ink);color:#fff;padding:80px 0 24px}
.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,.65fr);gap:65px}
.footer-brand>p{color:#858a92;font-size:12px;max-width:360px;margin:22px 0 0}.footer-links{display:flex;flex-direction:column;gap:10px;color:#969ba3;font-size:12px}.footer-links>strong{color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin-bottom:8px}.footer-links a:hover{color:var(--ember)}
.footer-bottom{border-top:1px solid var(--line-light);margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;color:#717780;font-size:10px}

.contact-toast{position:fixed;right:24px;bottom:24px;z-index:400;max-width:390px;background:#17221a;color:#fff;border:1px solid rgba(110,211,137,.28);border-left:4px solid #68c77f;border-radius:12px;padding:16px 48px 16px 16px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;align-items:center;gap:13px;transform:translateY(150%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.contact-toast.show{transform:none;opacity:1}.toast-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#68c77f;color:#132018;font-weight:800;flex:none}.contact-toast strong,.contact-toast small{display:block}.contact-toast strong{font-size:13px}.contact-toast small{font-size:10px;color:#b5c2b8;margin-top:3px}.contact-toast button{position:absolute;right:12px;top:10px;background:none;border:0;color:#9ead9f;font-size:22px;cursor:pointer}

@media(max-width:1050px){
  :root{--shell:min(100% - 56px,1240px)}
  .hero-grid{grid-template-columns:1fr 440px;gap:35px}.hero-system{transform:scale(.88)}
  .proof-grid{grid-template-columns:130px 160px 160px 1fr;gap:26px}
  .service-card{grid-template-columns:60px 1fr 1fr;padding:40px 34px}
  .web-practice{gap:40px;padding:40px}.web-console-body{grid-template-columns:1fr 125px}
  .case-grid{gap:48px}.based-content{padding:22px}.based-app{grid-template-columns:108px 1fr}
  .products-layout{grid-template-columns:290px 1fr;gap:45px}.product-panel{padding:38px}.browser-shot{width:390px}
  .about-grid,.contact-grid{gap:65px}.footer-main{gap:38px}
}

@media(max-width:800px){
  :root{--shell:calc(100% - 40px)}
  .section{padding:92px 0}
  .site-header{height:72px;padding:0 20px}.site-header.scrolled{height:68px}.brand>img{width:45px;height:34px}
  .menu-toggle{display:block;position:relative;z-index:3}.menu-toggle i{display:block;width:25px;height:1px;background:#fff;margin:6px;transition:transform .25s}
  .menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-3.5px) rotate(-45deg)}
  .site-nav{position:fixed;inset:0;background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 28px;gap:26px;font:500 31px var(--serif);transform:translateX(100%);transition:transform .3s ease}.site-nav.open{transform:none}.nav-contact{font:700 13px var(--sans);margin-top:15px}
  .hero{padding-top:120px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(49px,13vw,72px)}.hero-lede{font-size:16px}.hero-system{height:530px;transform:scale(.9)}
  .hero-proof{margin-top:0}.proof-grid{grid-template-columns:repeat(3,1fr);gap:13px;padding:24px 0}.proof-grid>div{padding-right:8px}.proof-grid strong{font-size:22px}.proof-grid span{font-size:8px;line-height:1.35}.proof-grid p{display:none}
  .intro-grid,.section-heading,.method-grid,.case-grid,.products-layout,.about-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.intro-copy h2{font-size:45px}.section-heading{margin-bottom:48px}.section-heading>p{max-width:600px}
  .service-card{margin:0;grid-template-columns:40px 1fr;gap:22px;padding:32px 25px}.service-card ul{grid-column:2}.service-copy h3{font-size:35px}
  .web-practice{grid-template-columns:1fr;margin-top:48px}.web-console{width:min(100%,640px);margin:auto}
  .method-copy h2,.about-copy h2,.contact-copy h2{font-size:45px}.method-board{max-width:620px;width:100%;margin:auto}.board-body{padding:27px 20px}
  .case-copy h2{font-size:45px}.based-window{width:min(100%,720px);margin:auto}
  .products-intro{position:static}.product-jump{display:none}.product-panel{height:660px}.product-copy h3{font-size:38px}
  .product-panel{grid-template-columns:.9fr 1.1fr}.product-moments{grid-template-columns:1fr}.product-moments .product-copy{max-width:430px}.moments-scenes{position:absolute;inset:0 0 0 40%;opacity:.62}.product-moments .product-copy{align-self:end}
  .about-portrait{width:min(430px,90%);margin:auto}.about-facts{grid-template-columns:1fr 1fr}.about-facts>div:last-child{grid-column:1/-1}
  .closing{min-height:520px}.closing-mark{width:480px;right:-170px}.closing h2{font-size:74px}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}
}

@media(max-width:520px){
  .kicker{line-height:1.5}.kicker span{width:26px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}
  .hero-system{height:430px;transform:none}.orbit-a{width:350px;height:350px}.orbit-b{width:245px;height:245px}.system-core{width:155px;height:155px}.system-core img{width:115px}.system-node{min-width:118px;padding:9px 11px}.system-node span{font-size:8px}.node-build{top:45px;left:-12px}.node-support{top:55px;right:-13px}.node-operate{bottom:38px;right:15px}.signal-torch{left:4px;bottom:102px}.signal-moon{right:0;top:166px}.signal-moments{left:35px;top:150px}.product-signal span{display:none}
  .proof-grid{width:calc(100% - 28px)}
  .section-heading h2{font-size:43px}.service-card{grid-template-columns:1fr}.service-number{opacity:.4}.service-card ul{grid-column:1}.service-copy h3{font-size:34px}
  .web-practice{padding:28px 20px}.web-practice-copy h3{font-size:36px}.web-capabilities{grid-template-columns:1fr}.web-capabilities span:nth-child(odd){border-right:0}.web-capabilities span:nth-child(even){padding-left:0}.web-console-body{grid-template-columns:1fr;padding:16px}.site-preview{grid-row:auto;min-height:210px}.web-metrics{grid-template-columns:repeat(3,1fr)}.web-console-top span{padding-inline:26px}
  .board-step{grid-template-columns:35px 1fr}.board-step>b{width:35px;height:35px}.board-step i{display:none}.board-line{margin-left:17px}
  .case-brand-mark{width:88px;height:88px}.case-copy dl>div{grid-template-columns:65px 1fr}.based-app{grid-template-columns:76px 1fr;min-height:390px}.based-sidebar{padding:13px 7px}.based-sidebar img{width:44px;height:44px}.based-sidebar b{font-size:8px;margin-bottom:10px}.based-sidebar i{font-size:7px;padding:7px 5px}.based-content{padding:15px 12px}.based-content header strong{font-size:13px}.based-content header button{display:none}.based-stats{gap:6px}.based-stats>div{padding:9px 7px}.based-stats strong{font-size:17px}.based-stats span{display:none}.based-panel{padding:10px}.based-row{grid-template-columns:1.2fr .8fr 1fr;padding:9px 8px}.based-row span:last-child{display:none}
  .product-panel{height:720px;display:block;padding:30px}.product-copy{position:absolute;left:30px;right:30px;bottom:24px;padding:95px 0 0;background:linear-gradient(transparent,currentColor 45%);z-index:4}.product-torch .product-copy,.product-moon .product-copy{color:#fff;background:linear-gradient(transparent,#101b2f 34%)}.product-moon .product-copy{background:linear-gradient(transparent,#09101b 34%)}.product-copy h3{font-size:36px}.product-copy>p:not(.product-kind){font-size:13px}
  .product-device{height:500px}.device-torch .phone-shell,.device-moon .phone-shell{width:215px}.device-torch::before,.device-moon::before{width:340px;height:340px}
  .product-moments{display:block}.product-moments .product-copy{position:absolute;background:linear-gradient(transparent,#dcebe6 34%);color:#2e2a27}.moments-scenes{position:absolute;inset:15px;opacity:1}.browser-shot{width:370px;left:4px;top:40px}.moments-scenes>.phone-shell{width:178px;right:-8px;bottom:110px}
  .about-copy blockquote{font-size:23px}.about-facts{grid-template-columns:1fr}.about-facts>div:last-child{grid-column:auto}
  .closing h2{font-size:61px}.closing-inner>p:not(.section-index){font-size:16px}
  .contact-form{grid-template-columns:1fr;padding:25px 20px}.contact-form label,.form-footer,.form-status{grid-column:1}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}
  .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{margin-top:42px}
  .contact-toast{left:14px;right:14px;bottom:14px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit-b,.core-ring{animation:none}}