:root{--bg:#070912;--bg-2:#0b0f1e;--text:#eef0f7;--muted:#8b90a6;--accent:#5b7cff;--accent-2:#8aa0ff;--font-display:"Tenor Sans", ui-serif, Georgia, serif;--font-body:"Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.loader{z-index:9999;background:#070912;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loader--out{opacity:0;pointer-events:none}.loader-logo svg{width:min(64vw,360px);height:auto;overflow:visible}.loader-logo .lg{fill-opacity:0;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s forwards lgDraw;animation-delay:calc(var(--i) * 35ms)}@keyframes lgDraw{0%{stroke-dashoffset:1px;fill-opacity:0;stroke-opacity:1}55%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:1}80%,to{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}}@media (prefers-reduced-motion:reduce){.loader-logo .lg{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0;animation:none}}.svc-block{background:#ffffff04;border:1px solid #ffffff14;border-radius:24px;padding:46px 44px;transition:border-color .4s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative}.svc-block:hover{border-color:#5b7cff4d;transform:translateY(-4px);box-shadow:0 30px 60px -40px #5b7cff4d}.svc-block+.svc-block{margin-top:26px}.svc-icon{width:46px;height:46px;color:var(--accent-2);background:#5b7cff1a;border:1px solid #5b7cff38;border-radius:13px;justify-content:center;align-items:center;margin-bottom:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s,color .4s;display:flex}.svc-icon svg{width:23px;height:23px}.svc-block:hover .svc-icon{color:#cdd8ff;background:#5b7cff33;transform:translateY(-2px)scale(1.07);box-shadow:0 10px 22px -8px #5b7cff80}.svc-block--featured{background:linear-gradient(165deg,#5b7cff1f,#5b7cff04);border-color:#5b7cff59;box-shadow:0 40px 110px -60px #5b7cff80}.svc-block-head{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.svc-block-n{font-family:var(--font-display);letter-spacing:2px;color:var(--muted);font-size:14px}.svc-block h2{font-family:var(--font-display);letter-spacing:-.4px;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:400;line-height:1.12}.svc-block-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-2);background:#5b7cff26;border-radius:100px;align-self:center;padding:6px 13px;font-size:11px}.svc-block-desc{color:var(--muted);max-width:66ch;font-size:clamp(15px,1.4vw,17px);font-weight:300;line-height:1.68}.svc-inc-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--accent-2);margin:34px 0 20px;font-size:12px}.svc-inc{grid-template-columns:repeat(2,1fr);gap:12px 30px;margin:0;padding:0;list-style:none;display:grid}.svc-inc li{color:var(--text);padding-left:34px;font-size:15px;font-weight:300;line-height:1.5;transition:transform .3s,color .3s;position:relative}.svc-inc li:hover{color:#fff;transform:translate(3px)}.svc-inc li:hover:before{background:#5b7cff33;border-color:#5b7cffd9}.svc-inc li:before{content:"";background:#5b7cff14;border:1px solid #5b7cff66;border-radius:50%;width:21px;height:21px;position:absolute;top:1px;left:0}.svc-inc li:after{content:"";border:solid var(--accent-2);border-width:0 1.6px 1.6px 0;width:6px;height:10px;position:absolute;top:6px;left:7px;transform:rotate(42deg)}.svc-flow-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--accent-2);margin:38px 0 20px;font-size:12px}.svc-flow{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;display:grid}.svc-flow-step{background:#ffffff05;border:1px solid #5b7cff38;border-radius:16px;padding:22px 20px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;position:relative}.svc-flow-step:hover{border-color:#5b7cff8c;transform:translateY(-4px);box-shadow:0 22px 46px -28px #5b7cff59,inset 0 1px #ffffff12}.svc-flow-step:hover .svc-flow-n{color:#cdd8ff}.svc-flow-n{font-family:var(--font-display);letter-spacing:2px;color:var(--accent-2);margin-bottom:12px;font-size:12px}.svc-flow-t{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:17px;line-height:1.25}.svc-flow-d{color:var(--muted);font-size:13px;font-weight:300;line-height:1.5}.svc-flow-step+.svc-flow-step:before{content:"→";color:#8aa0ffb3;font-size:16px;position:absolute;top:50%;left:-12px;transform:translate(-50%,-50%)}.svc-block .svc-tags{margin-top:30px}.section--light{color:#1a1c22;background:#dad5c9;border-radius:36px;padding:84px 60px;box-shadow:0 44px 100px -60px #000000bf}.section--light .sec-eyebrow,.section--light .svc-inc-label{color:#3a54bf}.section--light .svc-flow-step{background:#e9e5db;border-color:#14161c1a;box-shadow:0 10px 30px -22px #14161c2e}.section--light .svc-flow-step:hover{border-color:#3a54bf73;box-shadow:0 24px 50px -28px #3a54bf52,inset 0 1px #ffffffe6}.section--light .svc-flow-n{color:#3a54bf}.section--light .svc-flow-step:hover .svc-flow-n{color:#26398f}.section--light .svc-flow-t{color:#1a1c22}.section--light .svc-flow-d{color:#58554d}.section--light .svc-flow-step+.svc-flow-step:before{color:#3a54bf8c}.section--light .svc-inc li{color:#262931}.section--light .svc-inc li:hover{color:#000}.section--light .svc-inc li:before{background:#3a54bf17;border-color:#3a54bf66}.section--light .svc-inc li:hover:before{background:#3a54bf33;border-color:#3a54bfd9}.section--light .svc-inc li:after{border-color:#3a54bf}.section--light .svc-block{background:#ece8df;border-color:#14161c17;box-shadow:0 14px 40px -30px #14161c40}.section--light .svc-block:hover{border-color:#3a54bf66;box-shadow:0 28px 56px -34px #3a54bf47}.section--light .svc-block h2{color:#1a1c22}.section--light .svc-block-n{color:#6a665d}.section--light .svc-block-desc{color:#58554d}.section--light .svc-tags span{color:#58554d;border-color:#14161c29}.section--light .svc-icon{color:#3a54bf;background:#3a54bf1a;border-color:#3a54bf47}.section--light .svc-block:hover .svc-icon{color:#26398f;background:#3a54bf33;box-shadow:0 10px 22px -8px #3a54bf66}@media (width<=768px){.section--light{border-radius:26px;padding:56px 26px}}@media (width<=900px){.svc-inc{grid-template-columns:1fr}.svc-flow{grid-template-columns:1fr 1fr}.svc-flow-step+.svc-flow-step:before{display:none}}@media (width<=768px){.svc-block{padding:34px 24px}.svc-flow{grid-template-columns:1fr}}.cases{flex-direction:column;gap:130px;display:flex}.case{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.case.rev .case-media{order:2}.case.rev .case-body{order:1}.case-media{perspective:1600px}.case-media .work-frame{transform:rotateY(-7deg)rotateX(3deg)}.case.rev .case-media .work-frame{transform:rotateY(7deg)rotateX(3deg)}.case-media:hover .work-frame,.case.rev .case-media:hover .work-frame{transform:rotateY(0)rotateX(0)translateY(-6px);box-shadow:0 44px 80px -24px #5b7cff47}.case-media .work-shot{aspect-ratio:16/11}.case-badge{text-transform:uppercase;letter-spacing:1.8px;color:var(--accent-2);background:#5b7cff24;border:1px solid #5b7cff47;border-radius:100px;margin-bottom:22px;padding:6px 14px;font-size:11px;display:inline-block}.case-body h2{font-family:var(--font-display);letter-spacing:-.5px;font-size:clamp(30px,3.6vw,44px);font-weight:400;line-height:1.1}.case-subtitle{color:var(--text);opacity:.85;margin-top:12px;font-size:17px;font-weight:300}.case-summary{color:var(--muted);max-width:48ch;margin-top:22px;font-size:16px;font-weight:300;line-height:1.7}.case-role{border-top:1px solid #ffffff1a;align-items:baseline;gap:10px;margin-top:26px;padding-top:22px;font-size:14px;display:flex}.case-role-label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-2);font-size:12px}.case-role-value{color:var(--muted);font-weight:300}.case-link{margin-top:30px}@media (width<=900px){.cases{gap:90px}.case{grid-template-columns:1fr;gap:34px}.case.rev .case-media{order:1}.case.rev .case-body{order:2}.case-media .work-frame,.case.rev .case-media .work-frame{transform:none}}.principles{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.principle{background:#ffffff04;border:1px solid #ffffff14;border-radius:20px;padding:34px 30px;transition:border-color .4s,transform .4s;position:relative}.principle:hover{border-color:#fff3;transform:translateY(-4px)}.principle-n{font-family:var(--font-display);color:var(--muted);letter-spacing:2px;margin-bottom:22px;font-size:14px}.principle h3{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:12px;font-size:22px;font-weight:400}.principle p{color:var(--muted);font-size:15px;font-weight:300;line-height:1.62}.langs-row{flex-wrap:wrap;gap:16px;display:flex}.lang-chip{background:#ffffff04;border:1px solid #ffffff1a;border-radius:18px;align-items:baseline;gap:14px;padding:22px 30px;transition:border-color .4s,transform .4s;display:flex}.lang-chip:hover{border-color:#5b7cff59;transform:translateY(-4px)}.lang-code{font-family:var(--font-display);letter-spacing:3px;color:var(--accent-2);font-size:14px}.lang-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:22px}@media (width<=900px){.principles{grid-template-columns:1fr 1fr}}@media (width<=768px){.principles{grid-template-columns:1fr}.langs-row{flex-direction:column}.lang-chip{justify-content:flex-start}}.contact-card{text-align:center;background:linear-gradient(150deg,#090c1a99,#070912e6),url(/bg-abstract.webp) 50%/cover no-repeat;border:1px solid #5b7cff38;border-radius:30px;padding:84px 44px;position:relative;overflow:hidden;box-shadow:0 40px 110px -46px #000000d9}.contact-card h2{font-family:var(--font-display);letter-spacing:-.5px;max-width:18ch;margin:0 auto;font-size:clamp(28px,4vw,46px);font-weight:400;line-height:1.1}.contact-card .contact-sub{color:var(--muted);max-width:48ch;margin:22px auto 40px;font-size:17px;font-weight:300;line-height:1.6}.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.contact-mail{font-family:var(--font-display);color:var(--accent-2);border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:10px;padding:18px 30px;font-size:16px;transition:border-color .3s,color .3s;display:inline-flex}.contact-mail:hover{color:var(--text);border-color:#ffffff80}.channels{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;display:grid}.channel{background:#ffffff04;border:1px solid #ffffff14;border-radius:18px;padding:28px 26px;transition:border-color .4s,transform .4s}.channel:hover{border-color:#fff3;transform:translateY(-4px)}.channel-k{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--accent-2);margin-bottom:14px;font-size:12px}.channel h3{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:8px;font-size:20px;font-weight:400}.channel p{color:var(--muted);font-size:14px;font-weight:300;line-height:1.6}.channel a{color:var(--accent-2);transition:color .3s}.channel a:hover{color:var(--text)}@media (width<=900px){.channels{grid-template-columns:1fr}}@media (width<=768px){.contact-card{padding:64px 24px}.contact-actions{flex-direction:column;gap:14px}.contact-actions .btn-primary,.contact-actions .contact-mail{justify-content:center;width:100%}}.page{position:relative}.page:before{content:"";z-index:9998;pointer-events:none;background:radial-gradient(135% 130% at 50% 36%,#0000 56%,#0000006b 100%);position:fixed;inset:0}.page:after{content:"";z-index:9999;pointer-events:none;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:50;background:#0b0e1a80;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:22px 44px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,padding .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav:not(.open){-webkit-backdrop-filter:blur(12px)}.brand{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text);align-items:center;gap:10px;font-size:20px;display:inline-flex}.brand-mark{width:auto;height:30px;display:block}.brand-name{color:var(--text)}.nav-right{align-items:center;gap:30px;display:flex}.nav-links{color:var(--muted);gap:26px;font-size:14px;display:flex}.nav-links a{transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.langs{letter-spacing:1.5px;gap:12px;font-size:12px;display:flex}.langs a{cursor:pointer;opacity:.45;transition:opacity .3s}.langs a.active,.langs a:hover{opacity:1}.nav-cta{border:1px solid #ffffff38;border-radius:100px;padding:10px 20px;font-size:13px;transition:all .3s}.nav-cta:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.nav-burger{cursor:pointer;z-index:60;background:0 0;border:none;width:34px;height:34px;padding:0;display:none;position:relative}.nav-burger span{background:var(--text);border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s,top .3s;position:absolute;left:6px;right:6px}.nav-burger span:first-child{top:11px}.nav-burger span:nth-child(2){top:17px}.nav-burger span:nth-child(3){top:23px}.nav.open .nav-burger span:first-child{top:17px;transform:rotate(45deg)}.nav.open .nav-burger span:nth-child(2){opacity:0}.nav.open .nav-burger span:nth-child(3){top:17px;transform:rotate(-45deg)}.nav-mobile{display:none}.nav.scrolled{background:#0b0e1ad9;border-bottom-color:#ffffff1a;padding-top:15px;padding-bottom:15px}.nav.scrolled:not(.open){-webkit-backdrop-filter:blur(16px)}.hero{background:linear-gradient(#070912db,#070912eb),url(/bg-abstract.webp) 50%/cover no-repeat;align-items:center;gap:48px;min-height:100vh;padding:120px 44px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 28%,#070912d1 0%,#07091259 48%,#07091200 78%);position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top, var(--bg) 0%, transparent 20%);position:absolute;inset:0}.hero-content{z-index:3;flex:46%;max-width:620px;position:relative}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:4.5px;color:var(--accent-2);margin-bottom:26px;font-size:12px}.hero h1{font-family:var(--font-display);letter-spacing:-.5px;max-width:15ch;font-size:clamp(34px,4.4vw,60px);font-weight:400;line-height:1.07}.hero h1 .accent{color:var(--accent-2)}.hero .sub{color:var(--muted);max-width:46ch;margin-top:28px;font-size:clamp(15px,1.4vw,19px);font-weight:300;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.help-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.help-card{background:#ffffff05;border:1px solid #ffffff17;border-radius:16px;padding:34px 30px;transition:border-color .35s,transform .35s,box-shadow .35s}.help-card:hover{border-color:#5b7cff66;transform:translateY(-5px);box-shadow:0 30px 60px -34px #5b7cff52,inset 0 1px #ffffff17}.help-num{font-family:var(--font-display);letter-spacing:3px;color:var(--accent-2);margin-bottom:20px;font-size:13px}.help-icon{width:50px;height:50px;color:var(--accent-2);background:#5b7cff1a;border:1px solid #5b7cff38;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s,color .4s;display:flex}.help-icon svg{width:24px;height:24px}.help-card:hover .help-icon{color:#cdd8ff;background:#5b7cff33;transform:translateY(-3px)scale(1.07);box-shadow:0 12px 26px -8px #5b7cff8c}.help-card h3{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:12px;font-size:22px;font-weight:400;line-height:1.25}.help-card p{color:var(--muted);font-size:15px;font-weight:300;line-height:1.65}.help-sub{color:var(--muted);max-width:48ch;margin-top:16px;font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.6}.hero-visual{z-index:2;flex:54%;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.hero-visual:before{content:"";z-index:0;filter:blur(52px);background:radial-gradient(circle,#5b7cff4d,#0000 62%);border-radius:50%;width:78%;height:74%;animation:7s ease-in-out infinite heroGlow;position:absolute;top:12%;left:14%}@keyframes heroGlow{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}.hero-browser{z-index:1;background:#0d1120;border:1px solid #ffffff21;border-radius:14px;width:100%;max-width:640px;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:perspective(1900px)rotateY(-15deg)rotateX(5deg);box-shadow:0 50px 100px -34px #000c}.hero-browser:hover{transform:perspective(1900px)rotateY(-6deg)rotateX(2deg)}.hero-browser-bar{background:#ffffff0d;align-items:center;gap:7px;height:30px;padding:0 14px;display:flex}.hero-browser-bar i{background:#fff3;border-radius:50%;width:9px;height:9px}.hero-browser img{width:100%;display:block}.rot-shot{aspect-ratio:1000/641;width:100%;position:relative;overflow:hidden}.rot-shot img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.rot-shot img.active{opacity:1}.rot-shot.rot-wide{aspect-ratio:1000/455}.hero-phone{z-index:2;background:#0d1120;border:6px solid #171c2c;border-radius:26px;width:22%;min-width:118px;position:absolute;bottom:-6%;right:1%;overflow:hidden;transform:perspective(1400px)rotateY(-10deg)rotateX(3deg);box-shadow:0 36px 64px -22px #000000d9}.hero-phone img{width:100%;display:block}.btn-primary{color:#fff;background:linear-gradient(135deg,#5b7cff,#6f8dff);border-radius:100px;padding:16px 32px;font-size:15px;font-weight:600;transition:transform .35s,box-shadow .35s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 12px 44px #5b7cff59}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff6,#0000);width:45%;height:100%;transition:left .55s;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 54px #5b7cff80}.btn-primary:hover:after{left:130%}.btn-ghost{color:var(--text);border:1px solid #ffffff2e;border-radius:100px;padding:16px 32px;font-size:15px;transition:all .3s;display:inline-block}.btn-ghost:hover{border-color:#fff9}.btn-lg{padding:18px 42px;font-size:16px}.scroll-hint{z-index:2;letter-spacing:3px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:30px;left:44px}.scroll-hint:before{content:"";opacity:.5;background:currentColor;width:34px;height:1px;animation:2.4s ease-in-out infinite scrollLine}@keyframes scrollLine{0%,to{opacity:.3;transform:scaleX(.4)}50%{opacity:.7;transform:scaleX(1)}}.section{max-width:1200px;margin:0 auto;padding:130px 44px;position:relative}.sec-head{max-width:720px;margin-bottom:58px}.sec-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:4px;color:var(--accent-2);margin-bottom:18px;font-size:12px}.section h2{font-family:var(--font-display);letter-spacing:-.5px;max-width:20ch;font-size:clamp(28px,3.6vw,46px);font-weight:400;line-height:1.12}.sec-lead{color:var(--muted);max-width:52ch;margin-top:18px;font-size:17px;font-weight:300;line-height:1.6}.sec-more{margin-top:46px}.link-arrow{font-family:var(--font-display);color:var(--accent-2);align-items:center;gap:10px;font-size:16px;transition:gap .3s,color .3s;display:inline-flex}.link-arrow span{transition:transform .3s;display:inline-block}.link-arrow:hover{color:var(--text)}.link-arrow:hover span{transform:translate(5px)}.page-top{padding-top:150px}.page-hero{max-width:1200px;margin:0 auto;padding:150px 44px 20px}.page-hero .sec-eyebrow{margin-bottom:20px}.page-hero h1{font-family:var(--font-display);letter-spacing:-.5px;max-width:18ch;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.07}.page-hero .lead{color:var(--muted);max-width:56ch;margin-top:26px;font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.6}.page-hero--split{align-items:center;gap:56px;min-height:84vh;padding-top:148px;padding-bottom:64px;display:flex}.page-hero--split .ph-text{flex:46%}.page-hero--split .ph-text h1{max-width:14ch}.ph-visual{flex:54%;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.ph-visual:before{content:"";z-index:0;filter:blur(54px);background:radial-gradient(circle,#5b7cff47,#0000 62%);border-radius:50%;width:82%;height:72%;animation:7s ease-in-out infinite heroGlow;position:absolute;top:14%;left:9%}.ph-visual .hero-browser{z-index:1;max-width:620px;position:relative}.services-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.svc{background:#ffffff04;border:1px solid #ffffff14;border-radius:20px;padding:36px 30px;transition:border-color .4s,transform .4s;position:relative}.svc:hover{border-color:#fff3;transform:translateY(-4px)}.svc-featured{background:linear-gradient(165deg,#5b7cff24,#5b7cff05);border-color:#5b7cff59}.svc-n{font-family:var(--font-display);color:var(--muted);letter-spacing:2px;margin-bottom:22px;font-size:14px}.svc-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-2);background:#5b7cff26;border-radius:100px;padding:5px 12px;font-size:11px;position:absolute;top:28px;right:28px}.svc h3{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:14px;font-size:24px;font-weight:400}.svc p{color:var(--muted);font-size:15px;font-weight:300;line-height:1.62}.svc-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.svc-tags span{color:var(--muted);border:1px solid #ffffff1a;border-radius:100px;padding:6px 12px;font-size:12px}.pillars{grid-template-columns:1fr 1fr;gap:26px;display:grid}.pillar>a{background:#ffffff04;border:1px solid #ffffff17;border-radius:20px;transition:border-color .4s,transform .4s,box-shadow .4s;display:block;overflow:hidden}.pillar>a:hover{border-color:#5b7cff59;transform:translateY(-5px);box-shadow:0 40px 80px -40px #5b7cff4d,inset 0 1px #ffffff17}.pillar-media{aspect-ratio:16/10;border-bottom:1px solid #ffffff0f;overflow:hidden}.pillar-media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.pillar>a:hover .pillar-media img{transform:scale(1.04)}.pillar-body{padding:30px 30px 34px}.pillar-kicker{text-transform:uppercase;letter-spacing:1.6px;color:var(--accent-2);margin-bottom:12px;font-size:12px}.pillar-body h3{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:12px;font-size:25px;font-weight:400}.pillar-body p{color:var(--muted);margin-bottom:20px;font-size:15px;font-weight:300;line-height:1.6}.pillar .link-arrow{font-size:15px}.ps-demo-link{text-align:center;margin:6px 0 52px}.platform-showcase .sec-head{max-width:760px}.ps-screens{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:54px;display:grid}.ps-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2.5px;color:var(--accent-2);margin-bottom:14px;font-size:12px}.ps-frame{background:#0d1120;border:1px solid #ffffff1a;border-radius:12px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;overflow:hidden;box-shadow:0 34px 66px -34px #000000b3}.ps-screen:hover .ps-frame{transform:translateY(-5px);box-shadow:0 44px 80px -32px #5b7cff40}.ps-frame-bar{background:#ffffff0a;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.ps-frame-bar i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.ps-frame{overflow:hidden}.ps-frame img{width:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.ps-screen:hover .ps-frame img{transform:scale(1.035)}.ps-screen>p{color:var(--muted);margin-top:16px;font-size:14.5px;font-weight:300;line-height:1.55}.ps-features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ps-feature{background:#ffffff04;border:1px solid #ffffff14;border-radius:16px;padding:26px 24px;transition:border-color .4s,transform .4s,box-shadow .4s}.ps-feature:hover{border-color:#5b7cff4d;transform:translateY(-3px);box-shadow:0 24px 50px -30px #5b7cff52,inset 0 1px #ffffff14}.ps-icon{width:42px;height:42px;color:var(--accent-2);background:#5b7cff1a;border:1px solid #5b7cff38;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s,color .4s;display:flex}.ps-icon svg{width:21px;height:21px}.ps-feature:hover .ps-icon{color:#cdd8ff;background:#5b7cff33;transform:translateY(-2px)scale(1.08);box-shadow:0 10px 22px -8px #5b7cff8c}.ps-feature h4{font-family:var(--font-display);letter-spacing:-.2px;margin-bottom:9px;font-size:19px;font-weight:400}.ps-feature p{color:var(--muted);font-size:14px;font-weight:300;line-height:1.55}.work-grid{perspective:1600px;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.work-frame{background:#0d1120;border:1px solid #ffffff1a;border-radius:14px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;overflow:hidden;transform:rotateY(-9deg)rotateX(4deg);box-shadow:0 30px 60px -22px #000000a6}.work-card:hover .work-frame{transform:rotateY(0)rotateX(0)translateY(-6px);box-shadow:0 44px 80px -24px #5b7cff47}.work-bar{background:#ffffff0a;align-items:center;gap:7px;height:30px;padding:0 14px;display:flex}.work-bar i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.work-shot{aspect-ratio:16/10;overflow:hidden}.work-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.work-meta{justify-content:space-between;align-items:flex-start;padding:22px 4px 0;display:flex}.work-kind{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-2);margin-bottom:6px;font-size:11px}.work-title{font-family:var(--font-display);font-size:20px}.work-tag{color:var(--muted);margin-top:3px;font-size:13px}.work-arrow{color:var(--muted);font-size:18px;transition:color .3s,transform .3s}.work-card:hover .work-arrow{color:var(--text);transform:translate(2px,-2px)}.steps{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.step{border-top:1px solid #ffffff24;padding:28px 22px 0 0;transition:border-top-color .4s,transform .4s}.step:hover{border-top-color:var(--accent-2);transform:translateY(-3px)}.step:hover .step-n{color:#cdd8ff}.step-n{font-family:var(--font-display);letter-spacing:2px;color:var(--accent-2);margin-bottom:16px;font-size:13px}.step h4{font-family:var(--font-display);margin-bottom:10px;font-size:20px;font-weight:400}.step p{color:var(--muted);font-size:14px;font-weight:300;line-height:1.6}.stats{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.stat{border-left:1px solid #5b7cff66;padding-left:22px}.stat-v{font-family:var(--font-display);color:var(--text);font-size:clamp(30px,3.4vw,44px)}.stat-l{color:var(--muted);max-width:20ch;margin-top:8px;font-size:14px;font-weight:300;line-height:1.45}.cta{max-width:1120px}.cta-card{text-align:center;background:linear-gradient(150deg,#090c1a99,#070912e6),url(/bg-abstract.webp) 50%/cover no-repeat;border:1px solid #5b7cff38;border-radius:30px;padding:104px 44px;position:relative;overflow:hidden;box-shadow:0 40px 110px -46px #000000d9}.cta-h{font-family:var(--font-display);max-width:16ch;margin:0 auto;font-size:clamp(30px,4.4vw,54px);font-weight:400;line-height:1.1}.cta-sub{color:var(--muted);max-width:46ch;margin:24px auto 42px;font-size:17px;font-weight:300;line-height:1.6}.footer{border-top:1px solid #ffffff14;padding:64px 44px 36px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:48px;padding-bottom:44px;display:flex}.footer-brand-col{max-width:380px}.footer .brand{font-size:20px}.footer-tagline{color:var(--muted);margin-top:16px;font-size:15px;font-weight:300;line-height:1.65}.footer-cols{flex-wrap:wrap;gap:64px;display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--accent-2);margin-bottom:4px;font-size:11px}.footer-col a{color:var(--muted);font-size:14px;transition:color .3s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid #ffffff0f;padding-top:26px}.footer-cr{color:var(--muted);font-size:13px}@media (width<=900px){.services-grid,.work-grid,.steps,.stats,.ps-features{grid-template-columns:1fr 1fr}.ps-screens,.pillars,.help-cards{grid-template-columns:1fr}.nav{background:#0b0e1aeb}.nav .brand{z-index:60;position:relative}.nav-links,.nav-cta{display:none}.nav-burger{display:block}.nav-mobile{z-index:55;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#070912fa;flex-direction:column;padding:104px 26px 44px;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.nav.open .nav-mobile{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-mobile-links{flex-direction:column;margin-bottom:30px;display:flex}.nav-mobile-links a{font-family:var(--font-display);color:var(--text);border-bottom:1px solid #ffffff14;padding:16px 0;font-size:26px;transition:color .3s}.nav-mobile-links a.active{color:var(--accent-2)}.nav-mobile .btn-primary{text-align:center}.hero{flex-direction:column;justify-content:center;gap:34px;padding:110px 44px 70px}.hero-content{flex:none;max-width:100%}.hero-visual{flex:none;width:100%;min-height:300px}.hero-browser{max-width:540px;transform:perspective(1500px)rotateY(-8deg)rotateX(3deg)}.page-hero--split{flex-direction:column;align-items:flex-start;gap:36px;min-height:0;padding-bottom:20px}.page-hero--split .ph-text,.ph-visual{flex:none;width:100%}.ph-visual{min-height:0}}@media (width<=768px){.nav{padding:18px 20px}.nav-cta{display:none}.hero{padding:96px 22px 56px}.hero:before{background:radial-gradient(150% 120% at 50% 45%,#070912e6 0%,#0709128c 55%,#07091233 100%)}.hero-phone{width:30%;right:2%}.section{padding:88px 22px}.services-grid,.work-grid,.steps,.stats,.ps-features{grid-template-columns:1fr}.work-frame{transform:none}.scroll-hint{left:22px}.footer{padding:48px 22px 30px}.footer-top{gap:32px}.footer-cols{gap:40px}}
