@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--pink:#ff0170;--coral:#ff4053;--ink:#141315;--white:#faf7f8;--ease:cubic-bezier(.22,1,.36,1);font-family:"Plus Jakarta Sans",sans-serif;color:var(--white);background:var(--ink);font-synthesis:none;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{position:relative;margin:0;min-width:320px;isolation:isolate;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img,svg,canvas{display:block}
img,svg{max-width:100%}
a:focus-visible{outline:3px solid #ff6eaa;outline-offset:6px}
::selection{color:#fff;background:#c80055}
.skip-link{position:fixed;left:18px;top:-80px;z-index:100;background:white;color:#121212;border-radius:9px;padding:14px 20px}
.skip-link:focus{top:18px}
.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}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 83% 20%,#80243c33,transparent 55%),radial-gradient(ellipse at 12% 75%,#ff017017,transparent 45%),#151416}
#ambient-canvas{width:100%;height:100%}
.ambient-grain{position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(113deg,transparent 0 2px,#ddd1 3px,transparent 4px);mix-blend-mode:soft-light}
.ambient-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 301px),#ffffff06 calc(50% - 300px),transparent calc(50% - 299px),transparent calc(50% + 299px),#ffffff06 calc(50% + 300px),transparent calc(50% + 301px))}
.page-shell{width:min(540px,calc(100% - 40px));margin:0 auto;padding-bottom:26px}
.masthead{padding-top:26px}
.brand-intro{text-align:center;padding:10px 0 29px;position:relative;z-index:6}
.brand{display:inline-block}
.brand-logo{width:124px;height:auto}
.icon{fill:currentColor;width:17px;height:17px;flex-shrink:0}
.link-stack{--card-height:186px;--card-padding:20px;--text-inset:18px;--card-radius:22px;--title-size:clamp(26px,8vw,34px);--eyebrow-size:8px;--text-gap:12px;--art-outset:8px;--art-reach:12px;display:flex;flex-direction:column;gap:28px;padding:6px 0 0}
.link-card{display:block;position:relative;min-width:0;height:var(--card-height);touch-action:pan-y;outline-offset:9px!important;border-radius:var(--card-radius)}
.card-surface{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:0;border:1px solid #ffffff0e;transition:box-shadow .4s}
.card-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff38;pointer-events:none}
.card-layout{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}
.card-content{position:relative;grid-column:1;grid-row:1;justify-self:center;width:max-content;max-width:calc(100% - 2 * var(--text-inset));min-width:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:var(--text-gap);text-align:left}
.card-visual{position:relative;grid-column:2;grid-row:1;height:100%;min-width:0}
.card-visual::before{content:"";position:absolute;inset:20% 3% 15%;z-index:1;pointer-events:none;background:radial-gradient(ellipse,#0000000b,transparent 65%)}
.overline{display:block;font-size:var(--eyebrow-size);line-height:1.4;letter-spacing:.8px;font-weight:600;white-space:nowrap;color:var(--eyebrow-color,#fff)}
.card-content h2{font-size:var(--title-size);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0}
.card-content h2 strong{font-weight:700;color:var(--title-accent,currentColor)}
.card-site h2{white-space:nowrap}
.scene-slot{display:block;position:absolute;left:calc(-1 * var(--art-reach));right:calc(-1 * var(--art-outset));top:-24px;bottom:10px;pointer-events:none;z-index:2}
.card-mockup-left .card-layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.card-mockup-left .card-content{grid-column:2}
.card-mockup-left .card-visual{grid-column:1}
.card-mockup-left .scene-slot{left:calc(-1 * var(--art-outset));right:calc(-1 * var(--art-reach))}
.card-site .scene-slot{top:0;bottom:0;right:-32px}
.card-contact .scene-slot{top:-14px;bottom:0}
.card-mockup-left .surface-orbit{left:-130px;right:auto}
.card-mockup-left .orbit-two{left:-155px;right:auto}
.card-mockup-left .careers-light{left:-40%;right:auto}
.card-sheen{position:absolute;inset:0;background:radial-gradient(230px circle at var(--mouse-x,60%) var(--mouse-y,20%),#fff2,transparent 75%);opacity:.35;transition:opacity .3s}
a.link-card:hover .card-sheen{opacity:1}
.card-arrow{margin-top:2px;display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid var(--arrow-border,#ffffff5e);border-radius:50%;color:var(--arrow-color,currentColor);transition:transform .35s var(--ease),background .35s}
.card-arrow .icon{width:11px;height:11px}
a.link-card:hover .card-arrow{transform:rotate(45deg);background:#ffffff18}
.sticker{position:absolute;left:50%;bottom:14px;z-index:7;pointer-events:none;transform:translateX(-50%);background:#fff9f9;color:#553641;border:1px solid #ffe5ee;border-radius:5px;padding:5px 8px;box-shadow:0 4px 10px #0002;font-size:6px;letter-spacing:.25px;line-height:1.4;white-space:nowrap}
.sticker-contact{top:-8px;bottom:auto;transform:translateX(-50%) rotate(3deg);display:flex;align-items:center;gap:6px;color:#8b3e5e}
.sticker-contact i{width:4px;height:4px;background:var(--pink);border-radius:50%}
.card-site .card-surface{background:linear-gradient(130deg,#ed005f 5%,#ec0d5d 48%,#ff504f);box-shadow:0 18px 60px -28px #ff017085,0 4px 8px #0002}
.card-site:hover .card-surface{box-shadow:0 18px 75px -22px #ff0170a0}
.big-type{position:absolute;font-weight:800;letter-spacing:-12px;line-height:1;color:#ffffff08;font-size:180px;left:-19px;top:28px;transform:rotate(-14deg);pointer-events:none}
.surface-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;width:350px;height:350px;right:-130px;top:-160px;transform:rotate(-25deg)}
.orbit-two{width:380px;height:380px;right:-155px;top:-175px;border-style:dashed;border-color:#ffffff13}
.card-contact{--eyebrow-color:#7d666f;--title-accent:var(--pink);--footer-bg:#f5eff04d;--footer-border:#c2a8b926;--arrow-color:var(--pink);--arrow-border:#ceacba;color:#1d191b}
.card-contact .card-surface{background:linear-gradient(125deg,#fcf8f7 10%,#f1e9ec 90%);border-color:#ffffff65;box-shadow:0 15px 45px -27px #0008}
.contact-grid{position:absolute;inset:0;background:linear-gradient(90deg,#c777920b 1px,transparent 1px),linear-gradient(#c777920b 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 30%,black)}
.contact-orbit{position:absolute;width:270px;height:270px;right:-60px;top:-30px;border-radius:50%;border:1px solid #ff017017;box-shadow:0 0 0 28px #ff017005,0 0 0 56px #ff017003}
.card-careers{--eyebrow-color:#d3bdca;--title-accent:var(--pink);--footer-bg:#18171d55;--footer-border:#ffffff12}
.card-careers .card-surface{background:linear-gradient(125deg,#303037,#232126 55%,#34313a);border-color:#ffffff14;box-shadow:0 14px 44px -20px #0009}
.careers-lines{position:absolute;inset:-40px;background:repeating-linear-gradient(155deg,transparent 0 29px,#ffffff06 30px,transparent 31px);mask-image:linear-gradient(90deg,transparent,black 85%)}
.careers-light{position:absolute;right:-40%;top:-40%;width:125%;height:150%;background:radial-gradient(ellipse,#ff017028,transparent 65%)}
.card-careers .big-type{font-size:140px;left:-10px;top:58px;color:#ffffff04;letter-spacing:-9px}
.footer{position:relative;z-index:8;text-align:center;padding:32px 0 0}
.footer-invite{font-size:10px;color:#978a94;letter-spacing:-.1px;margin:0}
.footer-invite strong{font-weight:500;color:#d7cbd3}
.social-links{display:flex;justify-content:center;gap:9px;margin-top:19px}
.social-links a{width:39px;height:39px;border:1px solid #ffffff16;border-radius:50%;display:grid;place-items:center;color:#d1bfc9;background:#ffffff02;transition:color .25s,background .25s,border-color .25s,transform .3s var(--ease)}
.social-links .icon{width:16px;height:16px}
.social-links a:hover{color:white;background:#ff01701a;border-color:#ff017088;transform:translateY(-3px)}
.scenes-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0;transition:opacity .24s}
.webgl-ready .scenes-canvas{opacity:1}
.webgl-ready .scene-fallback{visibility:hidden}
.webgl-ready .sticker{visibility:hidden}
.scene-fallback{position:absolute}
.monitor-fallback{left:7%;top:7%;width:86%;height:85%;transform:perspective(650px) rotateY(15deg) rotateZ(-3deg)}
.monitor-screen{display:block;position:absolute;inset:0 0 23%;border:6px solid #f8eef4;border-radius:13px;box-shadow:-4px 2px 0 #a595a3,0 5px 14px #0002;overflow:hidden;background:#2b252d;padding:3px;z-index:2}
.monitor-screen img{width:100%;height:100%;object-fit:contain;object-position:left top;border-radius:5px}
.monitor-stand{position:absolute;left:41%;width:18%;top:72%;height:23%;border-radius:0 0 4px 4px;background:linear-gradient(#a49aa3,#e3dfe3 58%,#c1b7bf);transform:skewX(-5deg)}
.monitor-base{position:absolute;left:35%;right:35%;bottom:2%;height:6%;border-radius:2px;background:linear-gradient(#e5e1e5,#c1b7c0);transform:perspective(100px) rotateX(48deg);box-shadow:0 2px 0 #a799a5,0 5px 8px #0002}
.monitor-badge{position:absolute;right:-3%;bottom:18%;width:max-content;padding:5px 7px;z-index:3;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #ffe5ee;border-radius:5px;background:#fff8fb;color:#79455b;box-shadow:0 3px 7px #0002;font-size:clamp(5.5px,1.7vw,9px);line-height:1.45;font-weight:500;white-space:nowrap}
.monitor-badge i{width:3px;height:3px;flex-shrink:0;border-radius:50%;background:var(--pink)}
.monitor-badge strong{font-weight:700}
.phone-fallback{left:50%;top:50%;width:62%;height:auto;aspect-ratio:1 / 1.83;background:linear-gradient(155deg,#fff,#ffe7ef);border:5px solid #b792a1;outline:1px solid #fff;border-radius:20px;box-shadow:5px 6px 0 #d1afb9,10px 14px 20px #b07e8c50;transform:translate(-50%,-50%) rotate(5deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}
.card-mockup-left .badge-fallback{transform:rotate(-5deg)}
.phone-logo{width:54%;height:auto}
.phone-fallback>span{font-size:40px;font-weight:700;color:#ef0067;letter-spacing:-3px}
.phone-fallback>span>span{color:#ff6a78}
.phone-fallback>i{position:absolute;width:27%;height:7px;border-radius:10px;top:8px;background:#57343d}
.badge-fallback{left:12%;top:23%;width:76%;height:auto;aspect-ratio:1 / 1.3;background:linear-gradient(130deg,#faf6f7,#dcc5d0);border:2px solid #fffc;border-radius:12px;box-shadow:7px 10px 20px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.badge-fallback::before{content:"";position:absolute;bottom:100%;width:20px;height:40px;background:linear-gradient(90deg,#b10043,#ff1674);border-radius:10px 10px 0 0}
.badge-logo{width:60%;height:auto}
.badge-fallback>span{font-size:8px;line-height:1.7;color:#7b5363;text-align:center;letter-spacing:1px}
.badge-fallback strong{color:#37202c;font-weight:700}
@media(min-width:600px){.page-shell{width:min(540px,calc(100% - 72px));padding-bottom:34px}.brand-intro{padding:13px 0 45px}.brand-logo{width:167px}.link-stack{--card-height:264px;--card-padding:30px;--text-inset:28px;--title-size:40px;--eyebrow-size:9px;--text-gap:18px;--art-outset:8px;--art-reach:12px;gap:36px}.scene-slot{top:-30px;bottom:14px}.card-contact .scene-slot{top:-16px}.card-arrow{width:34px;height:34px}.card-arrow .icon{width:13px;height:13px}.sticker{padding:6px 10px;font-size:7px}.card-site .big-type{font-size:240px;left:-25px;top:38px}.footer{padding-top:39px}.footer-invite{font-size:12px}.social-links{margin-top:22px;gap:12px}.social-links a{height:43px;width:43px}}
@media(min-width:1000px){.ambient-lines{background:linear-gradient(90deg,transparent calc(50% - 330px),#ffffff06 calc(50% - 329px),transparent calc(50% - 328px),transparent calc(50% + 328px),#ffffff06 calc(50% + 329px),transparent calc(50% + 330px))}}
@media(max-width:359px){.page-shell{width:calc(100% - 32px)}.brand-logo{width:116px}.brand-intro{padding-bottom:32px}.link-stack{--card-height:174px;--card-padding:16px;--text-inset:16px;--title-size:26px;--eyebrow-size:6px;--text-gap:10px;--art-outset:6px;--art-reach:10px}.card-site .scene-slot{right:-26px}.sticker{font-size:5.5px;padding:5px 7px}.footer-invite{font-size:9px}}

.page-loader{display:none;position:fixed;inset:0;z-index:90;background:#151416;align-items:center;justify-content:center;flex-direction:column;gap:24px;pointer-events:none}
.is-loading .page-loader{display:flex}
.page-loader img{width:146px;height:auto}
.loader-track{width:64px;height:2px;border-radius:2px;overflow:hidden;background:#ffffff14}
.loader-track::after{content:"";display:block;width:50%;height:100%;background:var(--pink);animation:loader-sweep 1s ease-in-out infinite alternate}
@keyframes loader-sweep{from{transform:translateX(-100%)}to{transform:translateX(200%)}}
.page-shell{transition:opacity .35s ease}
.is-loading .page-shell,.is-loading .scenes-canvas{opacity:0;visibility:hidden}

@media(max-width:599px){.card-site .scene-slot{top:-30px;bottom:-8px}.card-contact .scene-slot{top:-22px;bottom:-4px}.card-careers .scene-slot{bottom:0}}