@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f1e9;--white:#fff;--ink:#10162b;--muted:#677086;--line:#d8d7d2;--blue:#5046e5;--aqua:#22cbbf;--coral:#ff6b4a;--yellow:#ffd84d;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.noise{display:none}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}

/* navigation */
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:relative;z-index:20}.logo{display:flex;align-items:center;gap:12px;font:500 12px DM Mono,monospace;letter-spacing:.08em}.logo-box{width:38px;height:38px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;font:800 18px Manrope}.links{display:flex;gap:38px;font-size:13px}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:.25s}.links a:hover:after{right:0}.menu{display:none;background:none;border:0;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:2px solid var(--ink);border-radius:100px;padding:15px 20px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;box-shadow:4px 4px 0 var(--coral);transition:.2s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--coral)}.button-small{padding:11px 16px;box-shadow:none}.button-small:hover{box-shadow:3px 3px 0 var(--aqua)}

/* hero */
.hero{display:grid;grid-template-columns:.86fr 1.14fr;column-gap:70px;padding-top:78px;position:relative}.hero-copy{text-align:left;max-width:none;margin:0;position:relative;z-index:2}.status{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--ink);border-radius:100px;padding:8px 12px;background:var(--yellow);font:500 9px DM Mono;letter-spacing:.08em}.status i,.signal i{width:7px;height:7px;border-radius:50%;background:var(--ink)}.hero h1{font-size:clamp(60px,6.4vw,98px);line-height:.89;letter-spacing:-.07em;margin:30px 0}.hero h1 span{color:var(--blue);font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-copy>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:590px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding:12px 0}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:58px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.proof div{padding:20px 15px 20px 0;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--ink)}.proof div+div{padding-left:15px}.proof div:last-child{border:0}.proof b{font-size:25px}.proof span{font:400 8px DM Mono;color:var(--muted);letter-spacing:.06em}
.hero-media{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible}.hero-media video{display:none}.hero-media i{position:absolute;border:2px solid var(--ink);border-radius:50%}.hero-media i:nth-child(2){width:32px;height:32px;background:var(--coral);left:43%;top:8%}.hero-media i:nth-child(3){width:78px;height:78px;background:var(--yellow);right:2%;top:6%}.hero-media i:nth-child(4){width:46px;height:46px;background:var(--aqua);left:46%;bottom:5%}

/* dashboard artwork */
.app-shell{align-self:center;margin:0;border:2px solid var(--ink);border-radius:22px;background:var(--white);overflow:hidden;box-shadow:14px 14px 0 var(--blue);transform:rotate(1.2deg);transition:.35s}.app-shell:hover{transform:rotate(0) translateY(-6px);box-shadow:18px 18px 0 var(--aqua)}.app-top{height:60px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;padding:0 18px;background:#fbfaf6}.app-brand{font-size:11px;font-weight:800;display:flex;align-items:center;gap:9px}.app-brand span{width:25px;height:25px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center}.app-search{border:1px solid var(--line);border-radius:100px;background:#fff;padding:9px 13px;color:#969bab;font-size:9px}.avatar{justify-self:end;width:28px;height:28px;border-radius:50%;background:var(--coral);display:grid;place-items:center;color:#fff;font-size:8px}.app-body{display:grid;grid-template-columns:58px 1fr;min-height:468px}.app-body aside{border-right:2px solid var(--ink);display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:25px;background:var(--yellow)}.app-body aside button{width:31px;height:31px;border:1px solid transparent;background:none;border-radius:50%;color:var(--ink)}.app-body aside .active{background:var(--ink);color:#fff}.dashboard{padding:27px;background:#f7f8fb}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small,.card-title small{font:400 7px DM Mono;color:#82899a}.dash-head h2{font-size:24px;letter-spacing:-.04em;margin:5px 0}.dash-head button{border:1px solid var(--ink);background:var(--blue);color:#fff;border-radius:100px;padding:10px 14px;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.metrics article,.chart,.activity{border:1px solid var(--ink);border-radius:12px;background:#fff}.metrics article{padding:14px;position:relative;overflow:hidden}.metrics span{font:400 7px DM Mono;color:#7b8292;display:block}.metrics b{font-size:27px;display:inline-block;margin-top:7px}.metrics b small{font-size:11px}.metrics em{font:500 7px DM Mono;color:#1a8e75;float:right;margin-top:17px}.metrics i{position:absolute;left:0;bottom:0;width:var(--w);height:4px;background:var(--aqua)}.metrics article:nth-child(2) i{background:var(--blue)}.metrics article:nth-child(3) i{background:var(--coral)}.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.chart,.activity{height:215px;padding:15px}.card-title{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.bars{height:132px;display:flex;align-items:end;gap:7px;border-bottom:1px solid var(--line);margin-top:13px}.bars i{height:var(--h);flex:1;background:var(--blue);border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:var(--aqua)}.bars i:nth-child(4n){background:var(--coral)}.chart-labels{display:flex;justify-content:space-between;font:400 6px DM Mono;color:#8c92a0;padding-top:8px}.activity ul{list-style:none;padding:9px 0 0;margin:0}.activity li{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;gap:9px}.activity li>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px}.purple{background:#e3dfff;color:var(--blue)}.green{background:#d7f7f3;color:#08796e}.blue{background:#ffe0d8;color:#ba3518}.activity p{display:flex;flex-direction:column;gap:2px;margin:0;flex:1}.activity p b{font-size:8px}.activity p span,.activity time{font:400 6px DM Mono;color:#7b8292}
.trusted{grid-column:1/-1;padding:90px 0 110px;display:flex;justify-content:space-between;align-items:center}.trusted>span{font:500 9px DM Mono;letter-spacing:.12em}.trusted div{display:flex;gap:50px}.trusted b{font:500 11px DM Mono;color:#777d8a}

/* capabilities */
.solutions{padding:130px 0;border-top:2px solid var(--ink)}.section-intro{display:grid;grid-template-columns:.6fr 1.7fr .8fr;gap:50px;align-items:start;margin-bottom:75px}.label{font:500 10px DM Mono;color:var(--blue);letter-spacing:.1em}.section-intro h2,.company h2{font-size:clamp(50px,5.4vw,78px);line-height:.93;letter-spacing:-.065em;margin:0}.section-intro h2 span,.company h2 span{color:var(--blue);font-family:Georgia,serif;font-style:italic;font-weight:400}.section-intro>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0 0}.solution-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.solution-grid article{grid-column:span 4;min-height:365px;border:2px solid var(--ink);border-radius:20px;padding:28px;position:relative;background:#fff;overflow:hidden;transition:.25s}.solution-grid article:hover{transform:translateY(-7px);box-shadow:8px 8px 0 var(--ink)}.solution-grid .feature{grid-column:span 8;grid-row:span 2;min-height:746px;background:var(--blue);color:#fff}.solution-grid article:nth-child(3){background:var(--yellow)}.solution-grid article:nth-child(4){background:var(--aqua)}.solution-grid article:nth-child(5){background:#ffdcd3}.solution-grid article>span{position:absolute;right:26px;top:27px;font:500 9px DM Mono}.icon{width:48px;height:48px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px}.solution-grid h3{font-size:25px;letter-spacing:-.04em;margin:62px 0 15px}.solution-grid .feature h3{font-size:42px;margin-top:75px}.solution-grid p{font-size:13px;line-height:1.7;color:#596176;max-width:450px}.solution-grid .feature p{color:#e2e0ff;font-size:15px}.solution-grid a{position:absolute;left:28px;bottom:28px;font-size:11px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}.mini-code{position:absolute;left:28px;right:28px;bottom:85px;background:#11162b;border:2px solid #fff;border-radius:16px;padding:0 20px 24px;box-shadow:8px 8px 0 rgba(16,22,43,.35)}.mini-code>div{height:40px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #3c4359;margin-bottom:20px}.mini-code>div i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.mini-code>div i:nth-child(2){background:var(--yellow)}.mini-code>div i:nth-child(3){background:var(--aqua)}.mini-code code{font:400 12px/2 DM Mono;color:#aeb6cc}.mini-code code b{color:#9d97ff}.mini-code code em{color:#64e9df}.mini-code code span{color:#ffe263}

/* process */
.process{background:var(--ink);color:#fff;padding:130px 0}.process .label{color:var(--aqua)}.process .section-intro h2 span{color:var(--aqua)}.process .section-intro>p:last-child{color:#aab0c0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{min-height:340px;border:1px solid #525970;border-radius:18px;padding:28px;position:relative;background:#171e36;transition:.25s}.steps article:nth-child(2){background:var(--blue)}.steps article:nth-child(3){background:#0c6e68}.steps article:nth-child(4){background:#6d2f24}.steps article:hover{transform:translateY(-8px)}.steps b{font:400 9px DM Mono;color:#c4cada}.step-icon{height:115px;display:flex;align-items:center;font-size:38px;color:var(--yellow)}.steps h3{font-size:25px;margin:15px 0}.steps p{font-size:13px;color:#c7cbd6;line-height:1.7}

/* company and contact */
.company{padding:145px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:120px;align-items:center}.company-visual{aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:14px 14px 0 var(--coral)}.orb{width:58%;height:58%;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative;background:var(--aqua)}.orb:before,.orb:after,.orb i{content:"";position:absolute;border:2px solid var(--ink);border-radius:50%}.orb:before{inset:-28%}.orb:after{inset:20%}.orb i:nth-child(1){width:11px;height:11px;background:var(--coral);top:2%;left:15%}.orb i:nth-child(2){width:16px;height:16px;background:var(--blue);right:-7%;top:50%}.orb i:nth-child(3){inset:-55%}.orb span{font-size:120px;font-weight:800;color:var(--ink)}.signal{position:absolute;left:35px;bottom:30px;display:flex;align-items:center;gap:9px;font:500 8px DM Mono}.company h2{margin:20px 0 30px}.company-copy .lead{font-size:20px;line-height:1.55}.company-copy>p:not(.label):not(.lead){font-size:14px;line-height:1.75;color:var(--muted)}.principles{margin-top:35px;border-top:2px solid var(--ink)}.principles div{display:grid;grid-template-columns:50px 1fr;border-bottom:1px solid var(--ink);padding:16px 0;font-size:12px}.principles b{font:500 9px DM Mono;color:var(--blue)}
.contact{background:var(--blue);color:#fff;padding:110px 0;overflow:hidden}.contact .wrap{position:relative}.contact .label{color:var(--yellow)}.contact h2{font-size:clamp(58px,7vw,96px);line-height:.93;letter-spacing:-.065em;margin:28px 0 42px}.contact h2 span{color:var(--aqua);font-family:Georgia,serif;font-style:italic;font-weight:400}.button-light{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.contact-ring{position:absolute;width:360px;height:360px;border:2px solid #fff;border-radius:50%;right:-50px;top:-45px;display:grid;place-items:center;font-size:170px;font-weight:800;opacity:.12}.footer{min-height:140px;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:25px;font:400 9px DM Mono;color:#666d7c}.footer .logo{color:var(--ink)}

@media(max-width:1000px){.wrap{width:min(100% - 30px,var(--max))}.nav{height:72px}.nav>.button{display:none}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:var(--paper);border:2px solid var(--ink);flex-direction:column}.links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:760px}.app-shell{margin:65px auto 0;width:min(100%,820px);transform:none}.trusted{padding:75px 0 90px}.section-intro{grid-template-columns:1fr;gap:18px}.solution-grid article{grid-column:span 6}.solution-grid .feature{grid-column:span 12}.steps{grid-template-columns:1fr 1fr}.company{grid-template-columns:1fr;gap:70px}.company-visual{max-width:650px;margin:auto}.contact-ring{display:none}.footer{grid-template-columns:1fr 1fr;padding:35px 0}.footer p{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 24px)}.hero h1{font-size:clamp(50px,15vw,70px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.text-link{align-self:flex-start}.proof div{padding:16px 5px}.proof div+div{padding-left:8px}.proof b{font-size:19px}.proof span{font-size:6px}.app-shell{width:115%;margin-left:-7.5%;border-radius:14px;box-shadow:8px 8px 0 var(--blue)}.app-top{grid-template-columns:1fr auto}.app-search{display:none}.app-body{grid-template-columns:1fr;min-height:430px}.app-body aside{display:none}.dashboard{padding:16px}.dash-head button{display:none}.metrics{grid-template-columns:repeat(3,130px);overflow:auto}.dash-grid{grid-template-columns:1fr}.activity{display:none}.trusted{display:block}.trusted div{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.solutions,.process{padding:90px 0}.section-intro h2{font-size:44px}.solution-grid{display:flex;flex-direction:column}.solution-grid article{min-height:345px}.solution-grid .feature{min-height:640px}.solution-grid .feature h3{font-size:35px}.steps{display:flex;overflow:auto;scroll-snap-type:x mandatory}.steps article{min-width:82vw;scroll-snap-align:start}.company{padding:95px 0}.company-visual{box-shadow:8px 8px 0 var(--coral)}.orb span{font-size:78px}.contact{padding:80px 0}.contact h2{font-size:48px}.footer{grid-template-columns:1fr}.footer>a:not(.logo),.footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.app-shell,.solution-grid article,.steps article{transition:none}}

/* Premium refinement */
:root{--paper:#f6f4ef;--ink:#11172a;--line:#d9dce3;--blue:#4945d6;--aqua:#20bfb3;--coral:#f46f52;--yellow:#f5d85b}
body{background:linear-gradient(180deg,#faf9f6 0,var(--paper) 38%,#f2f0eb 100%)}
.nav{position:sticky;top:12px;margin-top:12px;height:72px;padding:0 16px;border:1px solid rgba(17,23,42,.12);border-radius:18px;background:rgba(250,249,246,.86);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(17,23,42,.06)}
.logo-box{border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.35)}
.button{border:0;box-shadow:0 10px 24px rgba(17,23,42,.15);padding:16px 22px}.button:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(17,23,42,.2)}.button-small{box-shadow:none}.button-small:hover{box-shadow:0 8px 20px rgba(17,23,42,.15)}
.hero{padding-top:92px;column-gap:82px}.hero h1{max-width:670px}.hero-copy>p{font-size:18px;max-width:610px}.status{border:0;background:#eceafe;color:#3731a6;padding:9px 14px}.status i{background:var(--aqua);box-shadow:0 0 0 4px rgba(32,191,179,.14)}.proof{border-color:#bdc2cc}.proof div{border-color:#bdc2cc}
.hero-media i{border:0;filter:saturate(.85)}.hero-media i:nth-child(2){box-shadow:0 0 0 13px rgba(244,111,82,.11)}.hero-media i:nth-child(3){box-shadow:0 0 0 18px rgba(245,216,91,.13)}.hero-media i:nth-child(4){box-shadow:0 0 0 14px rgba(32,191,179,.11)}
.app-shell{border:1px solid #c9ced8;border-radius:24px;box-shadow:0 35px 90px rgba(38,43,77,.18),0 8px 25px rgba(38,43,77,.1);transform:rotate(.5deg)}.app-shell:hover{transform:translateY(-5px);box-shadow:0 45px 100px rgba(38,43,77,.2),0 10px 30px rgba(38,43,77,.12)}.app-top{border-bottom:1px solid #d9dde5}.app-body aside{border-right:1px solid #d9dde5;background:#f0effb}.metrics article,.chart,.activity{border:1px solid #d9dde5;box-shadow:0 5px 14px rgba(35,42,70,.04)}
.trusted{border-bottom:1px solid #d7d5cf}.solutions{border-top:0}.section-intro{margin-bottom:88px}.section-intro h2,.company h2{letter-spacing:-.055em}.section-intro>p:last-child{font-size:15px}
.solution-grid{gap:20px}.solution-grid article{border:1px solid rgba(17,23,42,.13);border-radius:24px;padding:32px;box-shadow:0 14px 35px rgba(33,38,64,.06)}.solution-grid article:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(33,38,64,.14)}.solution-grid .feature{background:linear-gradient(145deg,#554fe0,#3d39bf)}.solution-grid article:nth-child(3){background:#f8df73}.solution-grid article:nth-child(4){background:#63d8cf}.solution-grid article:nth-child(5){background:#ffddd5}.icon{border:1px solid currentColor}.mini-code{border:0;box-shadow:0 22px 50px rgba(11,15,31,.3)}
.process{background:linear-gradient(145deg,#11172a,#171f39)}.steps{gap:18px}.steps article{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 16px 35px rgba(0,0,0,.12)}.steps article:nth-child(2){background:#4a45cc}.steps article:nth-child(3){background:#106f69}.steps article:nth-child(4){background:#793d31}
.company-visual{border:0;background:linear-gradient(145deg,#f6df72,#f1cc3f);box-shadow:0 35px 80px rgba(106,78,6,.17)}.orb,.orb:before,.orb:after,.orb i{border-width:1px}.company-copy .lead{font-size:22px}.principles{border-top:1px solid #bfc3cb}.principles div{border-color:#cdd0d6;padding:19px 0}
.contact{background:linear-gradient(120deg,#4d48d7,#3935b5)}.contact-ring{border-width:1px}.button-light{box-shadow:0 14px 30px rgba(17,23,42,.25)}.footer{border-top:1px solid #d8d6d0}
@media(max-width:1000px){.nav{top:8px;margin-top:8px}.hero{padding-top:72px}.app-shell{transform:none}.app-shell:hover{transform:none}.solution-grid{gap:16px}}
@media(max-width:600px){.nav{width:calc(100% - 24px);padding:0 12px}.hero{padding-top:62px}.app-shell{box-shadow:0 24px 55px rgba(38,43,77,.16)}.solution-grid article{border-radius:20px;padding:27px}.steps{gap:12px}}

/* Readability: increase all micro-copy and compact labels. */
.logo{font-size:13px}.links{font-size:14px}.button{font-size:13px}.status{font-size:11px}.proof span{font-size:10px;line-height:1.4}.app-brand{font-size:12px}.app-search{font-size:11px}.avatar{font-size:9px}.dash-head small,.card-title small{font-size:9px}.dash-head button{font-size:10px}.metrics span,.metrics em{font-size:9px}.card-title{font-size:12px}.chart-labels{font-size:8px}.activity p b{font-size:10px}.activity p span,.activity time{font-size:8px}.trusted>span{font-size:11px}.trusted b{font-size:12px}.label{font-size:12px}.solution-grid article>span{font-size:11px}.solution-grid a{font-size:12px}.steps b{font-size:11px}.signal{font-size:10px}.principles b{font-size:11px}.footer{font-size:11px}
@media(max-width:600px){.proof span{font-size:8px}.trusted>span{font-size:10px}.dashboard .metrics span,.dashboard .metrics em{font-size:8px}.footer{font-size:11px}}