
:root{--bg:#0e1025;--ink:#f8f6ef;--muted:#b9bed7;--edge:#35345c;--pink:#fb64ae;--blue:#5189ff;--green:#42d17b;--yellow:#ffca42;--orange:#ff875e;--panel:#191936;font-family:Arial,Helvetica,sans-serif;color:var(--ink);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 77% 8%,#372044 0,transparent 38%),radial-gradient(ellipse at 5% 48%,#142952 0,transparent 35%),var(--bg);font-size:16px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#b1afde33 1.2px,transparent 1.2px);background-size:105px 105px;pointer-events:none;opacity:.4}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}img{max-width:100%;display:block}.shell{width:min(1370px,calc(100% - 9vw));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #ffffff20;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:950;letter-spacing:-.05em;font-size:1.7rem}.brand .brandmark{width:42px;height:42px;background:linear-gradient(145deg,#ffcd46,#f75b9a);border-radius:14px;display:grid;place-items:center;color:#141124;transform:rotate(-9deg)}.top .side-note{color:#c6c8e2;letter-spacing:.24em;font-size:.68rem;text-transform:uppercase}.rail{position:fixed;z-index:20;right:22px;top:50%;transform:translateY(-50%);padding:12px 8px;display:grid;gap:8px;background:#13132bdb;border:1px solid #ffffff33;backdrop-filter:blur(20px);border-radius:30px}.rail a{display:grid;place-items:center;min-width:39px;height:39px;border-radius:50%;font-weight:800;text-decoration:none;font-size:.8rem;color:#bcbfdd}.rail a:hover{background:#35315b;color:white}.hero{min-height:690px;display:grid;align-content:center;padding:65px 0 70px;position:relative;text-align:center}.eyebrow{color:#66e7c6;font-size:.75rem;font-weight:900;letter-spacing:.27em;text-transform:uppercase}.hero h1{font-size:clamp(5.5rem,18vw,16rem);line-height:.84;letter-spacing:-.12em;margin:.11em 0 .16em;font-weight:950}.hero h1 span{background:linear-gradient(90deg,#fb6bad,#ffc94a,#50d589,#5594ff);background-clip:text;color:transparent}.hero p{font-size:clamp(1.25rem,2.3vw,2.2rem);max-width:720px;margin:10px auto 32px;color:#dbdcef}.hero .hero-bottom{display:flex;justify-content:center;gap:25px;align-items:center;flex-wrap:wrap}.btn{border:0;text-decoration:none;padding:15px 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-weight:900;background:#fff;color:#16132c;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #fb64ae45}.btn.grad{background:linear-gradient(100deg,#ff70aa,#ffc456)}.subtext{font-size:.82rem;color:#aeb4d5}.mosaic{display:grid;grid-template-columns:repeat(14,1fr);gap:clamp(4px,.8vw,12px);max-width:1020px;margin:42px auto 0}.tile{aspect-ratio:1;border-radius:clamp(5px,1vw,15px);background:#242744;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff17;transition:transform .25s,background .25s,box-shadow .25s}.tile:hover{transform:translateY(-5px) rotate(5deg)}.tile.marked{box-shadow:0 0 21px color-mix(in srgb,var(--tile) 25%,transparent);background:var(--tile)}.section{padding:100px 0;position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.kicker{font-weight:900;letter-spacing:.22em;font-size:.72rem;color:#5be1b9;text-transform:uppercase}.section h2{font-size:clamp(2.5rem,5.5vw,5.6rem);letter-spacing:-.065em;line-height:1.02;margin:12px 0 18px;max-width:960px}.lead{color:#c2c5de;font-size:clamp(1.1rem,1.6vw,1.4rem);max-width:720px}.atlas{border:1px solid #ffffff2b;border-radius:28px;padding:clamp(18px,4vw,55px);background:linear-gradient(145deg,#1b1a39,#211b39 48%,#191c37);box-shadow:0 30px 100px #0004}.atlas-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.monthbar{display:flex;align-items:center;gap:16px}.tiny-btn{border:1px solid #ffffff4d;color:var(--ink);background:#262542;border-radius:100px;min-width:42px;min-height:42px}.month-label{font-weight:900;font-size:1.25rem;min-width:165px;text-align:center}.picker{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:32px;height:32px;background:var(--c);border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px #ffffff30}.swatch[aria-pressed=true]{outline:3px solid white;outline-offset:2px}.calendar{margin-top:30px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday{text-align:center;color:#b2b3cb;font-size:.72rem;text-transform:uppercase;padding:8px}.day{aspect-ratio:1.4;min-height:50px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff0b;color:white;font-weight:800;transition:.2s}.day:disabled{visibility:hidden}.day.has-mark{background:var(--fill);color:#101327;border-color:transparent}.day:hover:not(:disabled){transform:scale(1.045)}.atlas-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;flex-wrap:wrap}.legend{display:flex;gap:15px;flex-wrap:wrap;color:#c8c7dd;font-size:.86rem}.legend b{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:5px}.counter{font-weight:900;color:#67e3ba}.banner{border-radius:25px;width:100%;margin:36px 0 25px;border:1px solid #ffffff22}.product-split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.product-split h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;line-height:1.08;margin:5px 0 20px}.app-icon{max-width:130px;border-radius:30px;margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff29;border:1px solid #ffffff29;margin-top:35px}.step{background:#17162e;padding:28px}.step span{color:#ffbb57;font-size:.8rem;letter-spacing:.2em}.step h4{font-size:1.15rem;margin:12px 0}.step p{color:#bfc3dc;margin:0}.screens{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}.shot{background:#201e3a;border:1px solid #ffffff2a;border-radius:23px;padding:12px;grid-column:span 4;margin:0;transition:transform .3s}.shot:nth-child(2),.shot:nth-child(5){margin-top:70px}.shot:nth-child(3){margin-top:135px}.shot img{border-radius:14px;width:100%;max-height:520px;object-fit:contain;background:#121029}.shot figcaption{font-size:.88rem;margin:12px 5px 3px;color:#dfdcf0}.shot:hover{transform:translateY(-8px)}.expertise{border-top:1px solid #ffffff37}.cap{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:20px;padding:26px 4px;border-bottom:1px solid #ffffff37}.cap-num{color:#ffce54;font-weight:900}.cap h3{font-size:clamp(1.2rem,2.5vw,2rem);margin:0;letter-spacing:-.04em}.cap p{color:#bdc0dc;margin:0}.contact{padding:80px clamp(24px,6vw,85px);border-radius:32px;background:linear-gradient(115deg,#2b1d42,#14264b);border:1px solid #ffffff28}.contact h2{margin-top:10px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.contact-links a,.contact-links div{padding:20px 0;border-top:1px solid #ffffff40;overflow-wrap:anywhere}.contact-links small{display:block;text-transform:uppercase;letter-spacing:.2em;color:#6bebc7;margin-bottom:6px}footer{margin-top:65px;padding:28px 0 45px;border-top:1px solid #ffffff33;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#b9bcd7;font-size:.9rem}footer a{margin-left:16px}.legal{max-width:900px;margin:65px auto 120px;padding:0 25px}.legal h1{font-size:clamp(3.5rem,9vw,7rem);letter-spacing:-.09em;line-height:1;margin:20px 0 30px}.legal h2{font-size:1.45rem;margin:42px 0 10px}.legal p,.legal li{color:#c6c8df}.legal .intro{background:#202039;border:1px solid #ffffff27;padding:30px;border-radius:22px}.legal a{color:#7cecc8}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.rail{top:auto;bottom:12px;right:50%;transform:translateX(50%);display:flex;border-radius:50px;padding:6px}.rail a{min-width:44px}.hero{min-height:530px}.hero h1{font-size:clamp(4.1rem,18vw,9rem)}.product-split{grid-template-columns:1fr}.shot{grid-column:span 6}.shot:nth-child(n){margin-top:0}.cap{grid-template-columns:40px 1fr}.cap p{grid-column:2}.contact-links{grid-template-columns:1fr}footer{padding-bottom:85px}}@media(max-width:520px){.shell{width:calc(100% - 36px)}.top .side-note{display:none}.hero{min-height:420px;padding:55px 0}.hero h1{font-size:clamp(3.6rem,18vw,6rem)}.mosaic{grid-template-columns:repeat(10,1fr)}.mosaic .tile:nth-child(n+81){display:none}.section{padding:60px 0}.atlas{padding:16px}.calendar{gap:4px}.day{min-height:42px;border-radius:9px}.picker{width:100%;justify-content:space-between}.swatch{width:29px;height:29px}.steps{grid-template-columns:1fr}.shot{grid-column:span 12}.contact{padding:30px 20px}.legal{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
