@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#080a0e;--panel:#101319;--text:#f0f1f5;--muted:#9a9eac;--line:#232731;--blue:#6a83ff;--cyan:#b6cbff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px DM Sans,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{background:none;border:0}::selection{background:#5169e8;color:white}:focus-visible{outline:2px solid #9caeff;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}p{line-height:1.8;color:var(--muted)}header{height:100px;max-width:1480px;margin:auto;padding:0 5%;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand,header{display:flex;align-items:center}.brand{gap:11px;font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.3}.brand-mark{font-family:Space Grotesk,sans-serif;font-size:48px;letter-spacing:-6px;line-height:1;margin-right:6px}.brand-mark span{color:var(--blue)}.brand-dot{font-size:9px;vertical-align:top;margin-left:3px}header nav{display:flex;gap:23px}header nav a{font-size:12px;color:var(--muted);position:relative;transition:color .2s}header nav a:hover,header nav a[aria-current]{color:white}header nav a[aria-current]:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--blue);bottom:-12px;left:50%}.header-cta{font-size:12px;display:flex;gap:16px;align-items:center;border:1px solid #3a3f4c;border-radius:5px;padding:13px 17px}.menu-button{display:none}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--blue);padding:12px}.skip:focus{top:10px}.hero{max-width:1480px;margin:auto;padding:29px 7% 0;overflow:hidden;position:relative}.hero-bottom,.hero-top{display:flex;justify-content:space-between}.availability,.hero-bottom,.hero-top{align-items:center;font-size:10px;letter-spacing:1.3px}.availability{display:inline-flex;gap:9px;color:#b9bdc9}.availability i,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#90d6b2;box-shadow:0 0 12px #90d6b250}.hero-coordinate{color:#777e8e;font-size:9px}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:680px}.hero-copy{position:relative;z-index:2;padding:53px 0 45px}.intro{font-size:10px;letter-spacing:1.5px;color:#d1d5df;margin-bottom:25px}.intro span{color:#7e8595;margin-left:7px}h1{font-size:clamp(55px,5.85vw,88px);font-weight:500;line-height:1.04;letter-spacing:-5px;margin-bottom:28px}h1>span:not(.period){background:linear-gradient(100deg,#b5c4ff,#6781ff 80%);color:transparent;-webkit-background-clip:text;background-clip:text}.period{color:#6d85ff}.hero-description{font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;font-size:12px;font-weight:600;border-radius:5px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:#6982ff;color:#080d23;box-shadow:0 0 30px #536ffd12}.primary:hover{background:#8da1ff;box-shadow:0 7px 30px #6982ff30}.secondary{border:1px solid #363c4a;background:#ffffff03}.secondary:hover{background:#ffffff09}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:500}.text-link:hover{color:#a9b8ff}.hero-bottom{border-top:1px solid var(--line);padding:23px 0;color:#878d9b;font-size:9px}.hero-bottom a,.hero-bottom>span{display:flex;align-items:center;gap:11px}.hero-art{height:530px;position:relative;isolation:isolate;animation:art-entrance 1.4s ease-out both}.hero-art:before{content:"";position:absolute;inset:5%;background:radial-gradient(ellipse,#4759d933,transparent 65%);filter:blur(25px)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#53669c0c 1px,transparent 0),linear-gradient(90deg,#53669c0c 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 70%);mask-image:radial-gradient(ellipse,black,transparent 70%)}.orb{width:310px;height:310px;top:110px;left:50%;transform:translateX(-50%) rotate(-20deg);background:radial-gradient(circle at 35% 28%,#8499ff 0,#3e52b9 27%,#182455 52%,#090d1a 76%);box-shadow:inset -15px -15px 25px #000a,inset 4px 1px 15px #a2b6ff60,0 0 90px #354ac32b;overflow:hidden;animation:float 9s ease-in-out infinite}.orb,.orb:after{position:absolute;border-radius:50%}.orb:after{content:"";inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,#070c2755 7px 8px);mix-blend-mode:multiply}.orb-lines{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 13px,#a3b3ff27 14px 15px,transparent 16px 22px);transform:scaleX(.75) rotate(40deg);border-radius:50%}.orb-symbol{position:absolute;top:95px;left:75px;font-family:monospace;font-size:85px;font-weight:700;color:#c3cfff;text-shadow:0 0 30px #879aff;transform:rotate(20deg)}.orbit{top:110px;left:50%;width:470px;height:310px;border:1px solid #7c91e06b;transform:translateX(-50%) rotate(-30deg);box-shadow:0 -1px 6px #708fff12}.orbit,.orbit-one:after{position:absolute;border-radius:50%}.orbit-one:after{content:"";width:9px;height:9px;background:#b4c8ff;top:30px;left:70px;box-shadow:0 0 20px #9bb4ff}.orbit-two{width:390px;height:390px;top:75px;transform:translateX(-50%) rotate(55deg) scaleX(.75);border-color:#4b5b942f}.art-label{position:absolute;font:9px monospace;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#8b95af;top:54px;left:44%}.tiny-dot{display:inline-block;width:4px;height:4px;background:var(--blue)}.art-card{position:absolute;border:1px solid #8197e42a;background:linear-gradient(120deg,#192237dc,#101522e8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;display:flex;align-items:center;gap:13px;box-shadow:0 15px 40px #0003}.card-code{bottom:82px;left:0;padding:19px 22px;transform:rotate(-5deg);font-size:12px}.card-code svg{color:#9baeff}.card-code small{display:block;font-size:9px;color:#858eaa;margin-top:5px}.card-speed{top:142px;right:-20px;padding:13px;font-size:10px;transform:rotate(7deg);color:#bdcaff}.art-cross{position:absolute;color:#8493b3;font:24px monospace}.cross-one{left:20px;top:80px}.cross-two{right:20px;bottom:80px}.art-caption{position:absolute;bottom:20px;right:0;color:#606b86;font:8px/1.8 monospace;letter-spacing:1px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:30px;border-block:1px solid var(--line);background:#0d1016;padding:25px 3%;font-size:11px;letter-spacing:1.5px;overflow:hidden;white-space:nowrap}.ticker i{font-size:24px;color:#798ffe;font-style:normal}.section{max-width:1280px;margin:auto;padding:108px 5%;scroll-margin-top:0}.eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.7px;font-weight:500;margin-bottom:37px}.eyebrow>span{color:#7f94ff}h2{font-size:clamp(33px,3.4vw,48px);font-weight:500;line-height:1.16;letter-spacing:-1.9px;margin-bottom:25px}h2 span{color:#9097aa}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:70px;gap:70px}.about-layout p{font-size:13px}.about-layout .lead{font-size:19px;line-height:1.6;color:#e2e5ed}.about-layout .text-link{margin-top:10px}.principles{display:flex;justify-content:space-between;gap:20px;margin-top:65px;border-block:1px solid var(--line);padding:25px 0}.principles span{display:flex;align-items:center;gap:11px;font-size:11px;color:#acb2c1}.principles svg{width:18px;color:#859aff}.pricing,.services{position:relative}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:20px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px;line-height:1.8;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.service-card{border:1px solid var(--line);border-radius:7px;padding:29px;background:linear-gradient(135deg,#12161d,#0c0f14);transition:border-color .3s,transform .3s;min-height:270px;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);border-color:#6a83ff80}.service-top{display:flex;justify-content:space-between;align-items:center;color:#94a7ff;margin-bottom:35px}.service-top span{font:10px monospace;color:#616a7d}.service-card h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin-bottom:12px}.service-card p{font-size:12px;line-height:1.9;flex:1 1}.service-card>a{display:flex;align-items:center;font-size:8px;letter-spacing:1px;color:#8c96b0;margin-top:15px}.custom-card,.service-card>a{justify-content:space-between}.custom-card{background:radial-gradient(ellipse at top right,#576af133,transparent 80%),#121522}.custom-star{font-size:45px;color:#8da0ff}.custom-card h3{font-size:26px}.custom-card>span:last-child{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#b4bcdc}.portfolio{padding-top:80px}.project-image{width:100%;padding:45px 70px 0;position:relative;display:block;text-align:left;overflow:hidden;background:radial-gradient(ellipse at 60% 10%,#33312c,#1a1b1d 70%);border:1px solid #333438;border-radius:8px;min-height:420px}.mock-browser{border:1px solid #706a5b55;border-radius:7px 7px 0 0;background:#111110;transition:transform .6s;max-width:850px;margin:auto}.project-image:hover .mock-browser{transform:translateY(-7px)}.browser-dots{height:30px;background:#242421;display:flex;align-items:center;gap:5px;padding:0 13px}.browser-dots i{width:5px;height:5px;background:#767267;border-radius:50%}.browser-dots span{margin:auto;font-size:7px;letter-spacing:1.5px;color:#a09b90}.barber-preview{padding:23px 40px 20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#74644a44,transparent 50%),repeating-linear-gradient(130deg,#ffffff02 0 1px,transparent 1px 4px),#111310;min-height:330px}.barber-nav{font-size:12px;letter-spacing:3px;border-bottom:1px solid #ffffff18;padding-bottom:20px;color:#e4d6b9}.barber-nav span{float:right;font-size:7px;letter-spacing:1px;margin-top:3px}.barber-preview>p{font-size:8px;color:#b3a07c;letter-spacing:2px;margin-top:40px}.barber-preview h3{font-size:44px;line-height:1.05;font-family:Georgia,serif;font-weight:400;color:#f0e7d4;position:relative}.barber-button{font-size:7px;letter-spacing:1px;border:1px solid #9b8760;padding:10px 15px;color:#caba9a;display:inline-block}.barber-illustration{font-family:Georgia,serif;position:absolute;right:70px;top:60px;font-size:220px;line-height:1;color:#b0a18240;transform:rotate(-25deg)}.barber-line{font-size:6px;letter-spacing:2px;color:#9b978c;margin-top:34px;border-top:1px solid #ffffff16;padding-top:14px}.project-open{position:absolute;right:25px;bottom:25px;width:48px;height:48px;display:grid;place-items:center;background:#d2d6e8;color:#10121c;border-radius:50%}.project-info{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px}.project-tag{font-size:8px;letter-spacing:1.5px;color:#9daeff}.project-info h3{font-size:20px;font-weight:500;margin:12px 0 8px}.project-info p{font-size:11px;margin:0;max-width:660px}.project-info button{white-space:nowrap}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:60px}.plan{padding:30px 27px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(130deg,#13161d,#0c0e13);position:relative;display:flex;flex-direction:column}.plan.featured{border-color:#7086ed;background:radial-gradient(ellipse at 50% 0,#637afa20,transparent 70%),#10141f}.plan-ribbon{position:absolute;left:-1px;right:-1px;top:-27px;background:#748bff;color:#080e28;text-align:center;border-radius:7px 7px 0 0;padding:9px;font-size:8px;letter-spacing:1.4px;font-weight:700}.plan-number{font:8px monospace;letter-spacing:1px;color:#8d98b0}.plan h3{font-size:26px;margin:23px 0 10px;font-weight:500}.plan>p{font-size:11px}.price{font-family:Space Grotesk,sans-serif;font-size:48px;letter-spacing:-2px;padding:15px 0 25px}.price>span{font-size:19px;letter-spacing:0;color:#9da5b7}.price small{display:block;font:10px DM Sans,sans-serif;color:#787f90;margin-top:5px;letter-spacing:0}.plan .button{font-size:11px;padding:15px 17px}.plan ul{list-style:none;margin:28px 0 30px;padding:0;flex:1 1}.plan li{display:flex;align-items:center;gap:10px;font-size:11px;color:#b2b8c7;margin:15px 0}.plan li svg{color:#879bff;width:14px}.deadline{border-top:1px solid var(--line);padding-top:19px;font-size:12px}.deadline span{display:block;color:#788196;font-size:8px;letter-spacing:1px;margin-bottom:8px}.pricing-note{max-width:820px;margin:24px auto 0;text-align:center;font-size:10px;line-height:1.9}.process-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:90px;gap:90px}.process-layout>div>p{font-size:13px;max-width:340px}.process-progress{display:flex;gap:7px;margin-top:35px;max-width:230px}.process-progress span{height:3px;flex:1 1;background:#252b39;transition:background .3s}.process-progress .complete{background:#8196ff}.step-count{display:block;font:10px monospace;color:#8d9cbe;margin-top:12px}.step{border-bottom:1px solid var(--line)}.step button{display:flex;align-items:center;width:100%;gap:18px;text-align:left;padding:23px 0}.step button>span{font:11px monospace;color:#6c7790}.step h3{flex:1 1;margin:0;font-size:16px;font-weight:500;color:#939cad}.step.selected button>span,.step.selected h3{color:#bfcbff}.step p{font-size:12px;margin:0 35px 26px}.step svg{color:#8596bf}.contact{text-align:center;padding-top:90px;padding-bottom:100px;background:radial-gradient(ellipse at 50% 75%,#3c51cb19,transparent 65%);border-block:1px solid var(--line);max-width:none}.contact .eyebrow{justify-content:center;margin-bottom:44px}.contact h2{font-size:clamp(34px,4.3vw,60px);margin:27px 0 22px;letter-spacing:-2.5px}.contact h2 span{color:#98abff}.contact>p{font-size:13px}.contact>.button{margin-top:17px}.contact-details{display:flex;justify-content:center;gap:30px;margin-top:35px}.contact-details a{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca5bc}.contact-details a:hover{color:white}footer{max-width:1280px;margin:auto;padding:50px 5% 23px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-name{font-family:Space Grotesk,sans-serif;font-size:23px;letter-spacing:-.7px}.footer-name span{font:8px DM Sans,sans-serif;letter-spacing:1px;color:#727e95;display:block;margin-top:10px}.back-top{gap:15px;align-items:center}.back-top,footer nav{display:flex;font-size:11px}footer nav{gap:25px;color:#99a1b4;margin:36px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#6d768a;font-size:9px}.footer-bottom>span:last-child{font-size:7px;letter-spacing:1px}dialog{background:#121722;color:var(--text);border:1px solid #48557b;border-radius:12px;padding:50px;max-width:600px;width:90%}dialog::-webkit-backdrop{background:#04060bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog::backdrop{background:#04060bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{margin-top:25px;font-size:32px}dialog p{font-size:13px}.dialog-close{position:absolute;right:18px;top:18px}.dialog-close svg{width:20px}.reveal{animation:reveal-in .7s ease both;animation-timeline:view();animation-range:entry 0 entry 25%}.hero-copy{animation:reveal-in .9s ease both}@keyframes reveal-in{0%{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes art-entrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateX(-50%) rotate(-20deg) translateY(0)}50%{transform:translateX(-50%) rotate(-14deg) translateY(-15px)}}@media(min-width:1500px){.hero{padding-inline:8%}.hero-content{min-height:740px}}@media(max-width:1100px){header nav{gap:15px}header nav a{font-size:10px}.header-cta{display:none}.hero{padding-inline:6%}h1{letter-spacing:-3.5px}.hero-content{min-height:620px}.hero-art{transform:scale(.86);transform-origin:center}.hero-art .card-speed{right:-10px}.section{padding-inline:6%}.section-heading p{max-width:240px}.process-layout{gap:40px}.ticker{font-size:9px}.ticker span:last-of-type{display:none}.service-card{padding:23px}.hero-coordinate{font-size:8px}}@media(max-width:760px){header{height:78px;padding-inline:6%}.brand-mark{font-size:40px}.brand{font-size:9px}.menu-button{display:flex;padding:8px}.menu-button svg{width:23px}header nav{display:none;position:absolute;left:0;right:0;top:77px;background:#0e121b;border-bottom:1px solid #34405b;padding:22px 6%;flex-direction:column;gap:0;box-shadow:0 20px 30px #0007}header nav.open{display:flex}header nav a{font-size:14px;padding:13px 0}header nav a[aria-current]:after{left:auto;right:5px;bottom:20px}.hero{padding-top:22px}.hero-coordinate{display:none}.availability{font-size:8px;letter-spacing:1px}.hero-content{grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:47px;padding-bottom:0}.intro{font-size:8px;letter-spacing:1.1px;margin-bottom:20px}.intro span{margin-left:3px}h1{font-size:clamp(49px,10.8vw,78px);letter-spacing:-3px;line-height:1.05}.hero-description{font-size:12px}.hero-actions{gap:23px;margin-top:24px}.button{padding:16px 18px;gap:22px}.button,.text-link{font-size:11px}.hero-art{height:410px;max-width:460px;width:100%;margin:0 auto;transform:none;animation:none}.orb{width:235px;height:235px;top:88px}.orb-symbol{font-size:65px;top:72px;left:55px}.orbit{top:100px;width:350px;height:230px}.orbit-two{width:300px;height:300px;top:60px}.art-label{top:35px;left:45%;font-size:7px}.card-code{bottom:51px;left:6px;padding:15px;font-size:10px}.card-code small,.card-speed{font-size:8px}.card-speed{top:113px;right:0;padding:10px}.cross-one{left:4px;top:60px}.cross-two{right:8px;bottom:50px}.art-caption{font-size:6px;bottom:15px}.hero-bottom{font-size:7px;padding-block:20px;letter-spacing:.8px}.hero-bottom .edition{display:none}.hero-bottom svg{width:12px}.ticker{padding:20px;gap:23px;justify-content:flex-start;font-size:8px;letter-spacing:1px}.ticker span:nth-of-type(3){display:none}.ticker i{font-size:20px}.section{padding:70px 6%}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.6px}.about-layout{grid-template-columns:1fr;gap:13px}.about-layout .lead{font-size:17px}.about-layout p{font-size:12px}.principles{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px 10px;gap:24px 10px}.principles span{font-size:9px;gap:8px}.principles svg{width:16px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px;max-width:none;font-size:11px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:20px 17px;min-height:260px}.service-card h3{font-size:18px}.service-card p{font-size:11px}.service-card>a{font-size:6px;letter-spacing:.7px}.service-card>a svg{width:16px}.service-top{margin-bottom:24px}.service-top svg{width:23px}.custom-card h3{font-size:23px}.custom-card>span:last-child{font-size:10px;gap:5px}.custom-star{font-size:38px}.project-image{padding:24px 20px 0;min-height:290px}.browser-dots span{font-size:5px}.barber-preview{padding:15px 18px;min-height:250px}.barber-nav{font-size:8px;letter-spacing:2px}.barber-nav span{font-size:5px;letter-spacing:0}.barber-preview>p{font-size:6px;margin-top:30px}.barber-preview h3{font-size:32px}.barber-illustration{font-size:155px;right:10px;top:70px}.barber-line{font-size:4px;letter-spacing:1px;margin-top:27px}.barber-button{font-size:5px;padding:8px}.project-open{width:36px;height:36px;right:12px;bottom:13px}.project-open svg{width:20px}.project-info{display:block}.project-info h3{font-size:18px;line-height:1.4}.project-info p{font-size:11px}.project-info button{margin-top:18px}.plans{grid-template-columns:1fr;gap:45px;margin-top:35px}.plan{padding:30px}.plan h3{margin-top:20px}.plan li,.plan>p{font-size:12px}.price{font-size:49px}.plan ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px 10px;gap:15px 10px;margin:28px 0}.plan li{margin:0;font-size:10px}.pricing-note{text-align:left;font-size:10px}.process-layout{grid-template-columns:1fr;gap:28px}.process-layout>div>p{font-size:12px}.process-progress{margin-top:25px}.step h3{font-size:14px}.step button{gap:13px}.step p{font-size:12px}.contact h2{font-size:36px;letter-spacing:-1.7px}.contact .eyebrow{margin-bottom:35px}.contact>.availability{font-size:7px}.contact>p{font-size:12px}.contact-details{flex-direction:column;align-items:center;gap:18px}.contact-details a{font-size:10px}footer{padding:40px 6% 24px}.footer-name{font-size:20px}.footer-name span{font-size:6px;letter-spacing:.5px}.back-top{font-size:9px;gap:5px}footer nav{flex-wrap:wrap;gap:18px 22px;font-size:10px}.footer-bottom{display:block;font-size:8px;line-height:1.8}.footer-bottom>span:last-child{display:block;margin-top:10px;font-size:6px}dialog{padding:40px 25px}dialog h2{font-size:27px}.desktop{display:none}}@media(max-width:370px){.service-grid{grid-template-columns:1fr}.hero-actions{gap:14px}.hero-art{transform:scale(.9);margin-block:-20px}.hero-bottom>span{font-size:6px}.contact h2{font-size:30px}.plan ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.bravon-project-image{display:block;padding:0;min-height:0;overflow:hidden}.bravon-project-image>img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;transition:transform .4s}.bravon-project-image:hover>img{transform:scale(1.015)}@media(max-width:760px){.project-info>.text-link{margin-top:18px}}@media(prefers-reduced-motion:reduce){.bravon-project-image>img{transition:none}}#portfolio{max-width:1440px;padding-inline:7%}#portfolio .section-heading{margin-bottom:64px}#portfolio .pf-gallery{position:relative}#portfolio .pf-progress{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;background:rgba(8,10,14,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block:1px solid var(--line)}#portfolio .pf-progress-label,#portfolio .pf-progress-total{font:10px monospace;letter-spacing:1.5px;color:var(--muted)}#portfolio .pf-progress-links{display:flex;gap:10px;width:48%;max-width:480px}#portfolio .pf-progress-links a{flex:1 1;min-height:30px;display:flex;gap:10px;align-items:center;font:10px monospace;color:var(--muted)}#portfolio .pf-progress-links i{height:1px;background:var(--line);flex:1 1;position:relative;overflow:hidden}#portfolio .pf-progress-links i:after{content:"";position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .6s ease}#portfolio .pf-progress-links a:hover,#portfolio .pf-progress-links a[aria-current]{color:var(--cyan)}#portfolio .pf-progress-links a[aria-current] i:after{transform:scaleX(1)}#portfolio .pf-card{position:relative;padding:58px 0 80px;border-bottom:1px solid var(--line);scroll-margin-top:70px;--image-y:0px}#portfolio .pf-card:last-child{border-bottom:0;padding-bottom:0}#portfolio .pf-project-meta{display:flex;align-items:center;gap:25px;margin-bottom:26px}#portfolio .pf-number{font:13px monospace;color:var(--cyan)}#portfolio .pf-number span{color:#697285;font-size:10px}#portfolio .pf-segment{font-size:11px;letter-spacing:.4px;color:#b8bfce}#portfolio .pf-demo{margin-left:auto;border:1px solid #3a4357;border-radius:30px;padding:7px 11px;font-size:9px;color:#b5bfd7}#portfolio .pf-stage{position:relative;padding:35px 6% 0;isolation:isolate;background:radial-gradient(ellipse at 50% 90%,#6982ff1a,transparent 70%);border:1px solid #232b3e;border-bottom:0;border-radius:12px 12px 0 0}#portfolio .pf-image{display:block;position:relative;z-index:1;border:1px solid #434b5b;border-radius:8px;overflow:hidden;background:#11151f;box-shadow:0 25px 50px #0007;transform:translateY(var(--image-y));transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .4s}#portfolio .pf-browser{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:8px monospace;letter-spacing:1.5px;color:#8e99ad;background:#161b25}#portfolio .pf-browser>span:first-child{display:flex;gap:5px}#portfolio .pf-browser i{width:5px;height:5px;background:#56627b;border-radius:50%}#portfolio .pf-image-window{overflow:hidden;aspect-ratio:1440/1000}#portfolio .pf-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.7,.2,1)}#portfolio .pf-watermark{position:absolute;bottom:30px;left:1%;z-index:-1;font:100px Space Grotesk,sans-serif;letter-spacing:-8px;color:#9badff12;pointer-events:none}#portfolio .pf-copy{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:45px;gap:45px;padding:36px 0 0;transition:opacity .8s .16s,transform .8s .16s}#portfolio h3{font-size:clamp(26px,3.3vw,47px);font-weight:500;letter-spacing:-1.7px;line-height:1.08;margin:0 0 15px;max-width:540px}#portfolio .pf-tech{font:9px monospace;line-height:1.8;color:#78849c}#portfolio .pf-description p{font-size:12px;max-width:460px;line-height:1.9;margin-bottom:22px}#portfolio .pf-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;font-size:10px;letter-spacing:1.4px;border-bottom:1px solid #697fac;padding:10px 0;color:#d0d9ef;transition:color .3s,gap .4s}#portfolio .pf-link:hover{color:var(--cyan);gap:43px}#portfolio .pf-image-action{position:absolute;bottom:18px;right:18px;width:45px;height:45px;border-radius:50%;background:#080a0ee8;border:1px solid #99afff77;display:grid;place-items:center;color:var(--cyan)}@media(min-width:1000px){#portfolio .pf-card:nth-child(2n) .pf-copy{grid-template-columns:1fr 1.15fr}#portfolio .pf-card:nth-child(2n) .pf-copy>div:first-child{order:2;text-align:right}#portfolio .pf-card:nth-child(2n) h3{margin-left:auto}}@media(max-width:760px){#portfolio{padding-inline:6%}#portfolio .section-heading{margin-bottom:32px}#portfolio .pf-progress{gap:14px;padding:10px 0;top:0}#portfolio .pf-progress-label{display:none}#portfolio .pf-progress-links{width:auto;flex:1 1;gap:8px}#portfolio .pf-progress-links a{min-height:36px;gap:7px}#portfolio .pf-progress-total{font-size:9px;letter-spacing:0}#portfolio .pf-card{padding:36px 0 47px;scroll-margin-top:58px}#portfolio .pf-project-meta{gap:10px;flex-wrap:wrap;margin-bottom:19px}#portfolio .pf-number{font-size:11px}#portfolio .pf-segment{font-size:10px}#portfolio .pf-demo{font-size:8px;padding:6px 8px}#portfolio .pf-stage{padding:12px 10px 0;border-radius:7px 7px 0 0}#portfolio .pf-image{transform:none;border-radius:4px}#portfolio .pf-browser{height:24px;padding:0 8px;font-size:6px;letter-spacing:.5px}#portfolio .pf-browser i{width:3px;height:3px}#portfolio .pf-image-action{width:32px;height:32px;bottom:9px;right:9px}#portfolio .pf-image-action svg{width:18px}#portfolio .pf-watermark{display:none}#portfolio .pf-copy{grid-template-columns:1fr;gap:18px;padding-top:26px}#portfolio h3{font-size:clamp(26px,6vw,38px);letter-spacing:-1px;margin-bottom:10px}#portfolio .pf-description p{font-size:12px;margin-bottom:13px}#portfolio .pf-tech{font-size:8px}}@media(max-width:390px){#portfolio .pf-demo{margin-left:0}#portfolio .pf-project-meta{gap:8px 12px}}@media(prefers-reduced-motion:reduce){#portfolio .pf-image,#portfolio .pf-image img{transform:none!important}}.pf-magnetic-cursor{display:none;position:fixed;left:0;top:0;width:0;height:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .24s ease}.pf-magnetic-cursor *{pointer-events:none}.pf-cursor-disc{position:absolute;left:-49px;top:-49px;width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:50%;border:1px solid rgba(106,131,255,.85);background:linear-gradient(145deg,rgba(27,32,44,.94),rgba(9,12,19,.91));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 0 #ffffff14,0 0 0 3px #6a83ff07,0 0 22px #4165ff1c,0 8px 24px #0005;color:#f2f5ff;transform:scale(.65);transition:transform .42s cubic-bezier(.16,1,.3,1)}.pf-cursor-label{font-family:DM Sans,sans-serif;font-size:8px;font-weight:600;line-height:1;letter-spacing:1.35px;white-space:nowrap;transform:translateY(5px)}.pf-cursor-arrow,.pf-cursor-label{opacity:0;transition:opacity .16s ease,transform .22s ease}.pf-cursor-arrow{color:#b4c6ff;transform:translate(-3px,3px)}.pf-magnetic-cursor.is-visible{opacity:1}.pf-magnetic-cursor.is-visible .pf-cursor-disc{transform:scale(1)}.pf-magnetic-cursor.is-visible .pf-cursor-label{opacity:1;transform:none;transition-delay:.09s}.pf-magnetic-cursor.is-visible .pf-cursor-arrow{opacity:1;transform:none;transition-delay:.14s}.pf-magnetic-cursor.is-pressed .pf-cursor-disc{transform:scale(.9);transition-duration:.09s}#portfolio .pf-image-window{position:relative}#portfolio .pf-image-window:after{content:"";position:absolute;inset:0;background:#060a16;opacity:0;pointer-events:none;transition:opacity .45s ease}#portfolio .pf-image-action{transition:opacity .25s ease}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pf-magnetic-cursor{display:block}#portfolio .pf-image[data-cursor-active]{border-color:#7b93df}#portfolio .pf-image[data-cursor-active] img{transform:translate3d(var(--depth-x,0),var(--depth-y,0),0) scale(1.025)}#portfolio .pf-image[data-cursor-active] .pf-image-window:after{opacity:.085}#portfolio .pf-image[data-cursor-active] .pf-image-action{opacity:0}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pf-magnetic-cursor{display:none!important}#portfolio .pf-image-window:after{opacity:0!important}}.hero-art,.hero-copy,.reveal{animation:none}h1>.hero-line:not(.period){display:block;overflow:hidden;background:none;color:var(--text);padding-bottom:.07em;margin-bottom:-.07em}h1 .hero-line>span{display:block;animation:line-enter 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.12s}h1 .hero-line:nth-child(2)>span{animation-delay:.22s}h1 .hero-line:nth-child(3)>span{animation-delay:.32s}h1 .hero-line:nth-child(4)>span{animation-delay:.42s}h1 .hero-line-accent>span{background:linear-gradient(100deg,#b5c4ff,#6781ff 80%);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy .intro{animation:soft-enter .8s ease both}.hero-description{animation:soft-enter .9s .5s both}.hero-actions{animation:soft-enter .9s .65s both}.hero-art{--tilt-x:0deg;--tilt-y:0deg;--scroll-y:0px;transform:perspective(1100px) translateY(var(--scroll-y)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .65s cubic-bezier(.2,.7,.2,1);animation:art-light 1.8s ease both}.hero-art .card-code{animation:card-float 7s ease-in-out infinite;animation-delay:-2s}.hero-art .card-speed{animation:card-float 8s ease-in-out infinite reverse}.hero-art .orbit-one{animation:orbit-breathe 12s ease-in-out infinite}.hero-art .orbit-two{animation:orbit-light 9s ease-in-out infinite}.hero-art .art-label{animation:soft-enter 1.5s .6s both}.motion-ready{opacity:0;translate:0 24px;transition:opacity .85s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s)}.motion-ready.motion-in,.motion-ready:focus-within{opacity:1;translate:0 0}#portfolio .pf-card.motion-ready{opacity:1;translate:none}#portfolio .pf-card.motion-ready .pf-image{-webkit-clip-path:inset(0 0 18% 0 round 8px);clip-path:inset(0 0 18% 0 round 8px);opacity:.2;scale:.97;transition:opacity 1s,scale 1.15s cubic-bezier(.16,1,.3,1),transform .6s,border-color .4s,-webkit-clip-path 1.15s cubic-bezier(.16,1,.3,1);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),opacity 1s,scale 1.15s cubic-bezier(.16,1,.3,1),transform .6s,border-color .4s;transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),opacity 1s,scale 1.15s cubic-bezier(.16,1,.3,1),transform .6s,border-color .4s,-webkit-clip-path 1.15s cubic-bezier(.16,1,.3,1)}#portfolio .pf-card.motion-ready .pf-copy{opacity:0;transform:translateY(20px)}#portfolio .pf-card.motion-in .pf-image,#portfolio .pf-card:focus-within .pf-image{-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px);opacity:1;scale:1}#portfolio .pf-card.motion-in .pf-copy,#portfolio .pf-card:focus-within .pf-copy{opacity:1;transform:none}.plan,.service-card{position:relative;isolation:isolate;transition:border-color .35s,transform .45s,box-shadow .45s,opacity .85s,translate .85s;transition-delay:0s,0s,0s,var(--delay,0s),var(--delay,0s)}.plan:before,.service-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,0),#7d95ff18,transparent 70%);opacity:0;transition:opacity .4s}.service-top svg{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.plan.featured{box-shadow:0 0 45px #6982ff0d}.plan.featured:after{content:"";position:absolute;pointer-events:none;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d2ddff,transparent);box-shadow:0 0 18px #8ea5ff88}.text-link{position:relative}.text-link:after{content:"";position:absolute;bottom:-5px;left:0;right:30px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}.text-link:focus-visible:after,.text-link:hover:after{transform:scaleX(1)}.back-top svg,.button svg,.header-cta svg,.pf-link svg,.text-link svg{transition:transform .35s}.back-top:hover svg,.button:hover svg,.header-cta:hover svg,.pf-link:hover svg,.text-link:hover svg{transform:translate(2px,-2px)}.button:active,.header-cta:active{transform:scale(.98)}header nav a{transition:color .25s,background .25s}header nav a:before{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:before{transform:scaleX(1)}@media(hover:hover) and (pointer:fine){.plan:hover:before,.service-card:hover:before{opacity:1}.service-card:hover .service-top svg{transform:translateY(-3px) rotate(-6deg)}.plan:hover{transform:translateY(-6px);border-color:#8298ec;box-shadow:0 20px 40px #0003}}@media(max-width:1100px) and (min-width:761px){.hero-art{scale:.86}}@media(max-width:760px){.hero-art{transform:none;animation:art-light 1.4s both}header nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .35s,visibility .35s}header nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}header nav a:before{bottom:4px;right:70%}header nav.open a{animation:soft-enter .35s both}header nav.open a:nth-child(2){animation-delay:.03s}header nav.open a:nth-child(3){animation-delay:.06s}header nav.open a:nth-child(4){animation-delay:.09s}header nav.open a:nth-child(5){animation-delay:.12s}.motion-ready{translate:0 16px}}@media(max-width:370px){.hero-art{scale:.9}}@keyframes line-enter{0%{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes soft-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes art-light{0%{opacity:0}to{opacity:1}}@keyframes card-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes orbit-breathe{0%,to{rotate:0deg}50%{rotate:5deg}}@keyframes orbit-light{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;translate:none}.hero-art{transform:none}#portfolio .pf-card.motion-ready .pf-image{-webkit-clip-path:none;clip-path:none;opacity:1;scale:1}#portfolio .pf-card.motion-ready .pf-copy{opacity:1;transform:none}}