@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{--ink:#071540;--paper:#e8f0ff;--accent:#1747ff;--hot:#ff3bc8;--glow:#6f8dff;margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.analytics{--ink:#eafff8;--paper:#031713;--accent:#68ffba;--hot:#00c8ff;--glow:#25ffb2}.brandbooks{--ink:#fff8e8;--paper:#190806;--accent:#ff7b35;--hot:#ffd75a;--glow:#ff4d20}.presentations{--ink:#fff;--paper:#0c0820;--accent:#b67cff;--hot:#ff4f9c;--glow:#7e63ff}a{color:inherit}.x-nav{position:fixed;z-index:50;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;color:white}.x-nav a{text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.12em}.x-nav__links{display:flex;gap:7px}.x-nav__links a{padding:11px 14px;border:1px solid #ffffff55;border-radius:999px;backdrop-filter:blur(10px)}.x-nav__links a[aria-current=page]{background:white;color:#080816}.x-progress{position:fixed;z-index:60;left:0;top:0;width:100%;height:3px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--hot));box-shadow:0 0 18px var(--accent)}.x-orb{position:fixed;z-index:-1;width:34vw;aspect-ratio:1;border-radius:50%;left:var(--cx,68%);top:var(--cy,15%);translate:-50% -50%;background:radial-gradient(circle,var(--glow) 0,transparent 68%);filter:blur(55px);opacity:.32;pointer-events:none}.x-section{position:relative;min-height:100svh;padding:clamp(94px,11vw,150px) clamp(22px,7vw,120px);display:grid;align-content:center;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.x-section>*{position:relative;z-index:2}.x-kicker{margin:0 0 24px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.x-title{margin:0;max-width:1100px;font-size:clamp(62px,10vw,156px);line-height:.82;letter-spacing:-.075em}.x-title em,.x-heading em{font-family:'Playfair Display',serif;font-weight:500;color:var(--accent)}.x-lead{max-width:700px;margin:38px 0 0;font-size:clamp(18px,2vw,27px);line-height:1.45;opacity:.76}.x-scroll{position:absolute;bottom:36px;right:5vw;font-size:10px;font-weight:800;letter-spacing:.18em;animation:bob 1.8s ease-in-out infinite}.x-hero:after{content:attr(data-word);position:absolute;right:-.04em;bottom:-.22em;font-size:clamp(150px,33vw,560px);font-weight:800;line-height:1;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 16%,transparent);transform:rotate(-7deg)}.x-heading{margin:0;font-size:clamp(48px,7vw,105px);line-height:.9;letter-spacing:-.055em}.x-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);align-items:end;gap:5vw;margin-bottom:56px}.x-intro>p{margin:0;font-size:clamp(17px,1.5vw,23px);line-height:1.55;opacity:.68}.x-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.x-card{position:relative;min-height:260px;padding:26px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(18px);overflow:hidden;transition:transform .45s,background .45s,border .45s;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}.x-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--paper));}.x-card span{font-size:10px;font-weight:800;letter-spacing:.16em}.x-card h3{margin:60px 0 10px;font-size:clamp(25px,2.3vw,38px);line-height:1}.x-card p{max-width:380px;margin:0;line-height:1.55;opacity:.64}.x-card:after{content:'';position:absolute;width:140px;height:140px;border-radius:50%;right:-60px;top:-60px;background:var(--accent);filter:blur(40px);opacity:.18}.x-marquee{display:flex;width:max-content;font-size:clamp(55px,11vw,165px);font-weight:800;letter-spacing:-.07em;white-space:nowrap;animation:marquee 18s linear infinite}.x-marquee span{padding-right:.22em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 45%,transparent)}.x-marquee b{padding-right:.22em;color:var(--accent)}.x-orbit{width:min(72vw,720px);aspect-ratio:1;margin:auto;position:relative;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-radius:50%;display:grid;place-items:center}.x-orbit:before,.x-orbit:after{content:'';position:absolute;border:1px dashed color-mix(in srgb,var(--ink) 22%,transparent);border-radius:50%;inset:14%;animation:spin 20s linear infinite}.x-orbit:after{inset:30%;animation-direction:reverse;animation-duration:12s}.x-orbit strong{font-size:clamp(60px,13vw,160px);letter-spacing:-.09em;color:var(--accent)}.x-orbit i{position:absolute;width:86px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;animation:float 5s ease-in-out infinite}.x-orbit i:nth-of-type(1){left:7%;top:24%}.x-orbit i:nth-of-type(2){right:5%;top:40%;animation-delay:-1.5s}.x-orbit i:nth-of-type(3){left:38%;bottom:2%;animation-delay:-3s}.x-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center}.x-sticky{position:sticky;top:100px}.x-stack{display:grid;gap:14px}.x-step{padding:30px;border-left:2px solid color-mix(in srgb,var(--ink) 20%,transparent);transition:.35s}.x-step:hover{padding-left:48px;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.x-step b{font-size:11px;color:var(--accent);letter-spacing:.16em}.x-step h3{font-size:clamp(26px,3vw,44px);margin:10px 0}.x-step p{max-width:600px;margin:0;opacity:.65;line-height:1.55}.x-matrix{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.x-cell{min-height:190px;padding:20px;border-right:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.x-cell:hover{background:var(--accent);color:var(--paper);transform:scale(1.025);z-index:3}.x-cell strong{font-size:clamp(26px,3vw,48px);letter-spacing:-.05em}.x-cell small{font-size:10px;letter-spacing:.12em}.x-control{max-width:900px;margin:45px auto 0;padding:34px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(18px)}.x-range{width:100%;accent-color:var(--accent)}.x-result{display:flex;justify-content:space-between;align-items:end;margin-top:26px}.x-result strong{font-size:clamp(58px,10vw,130px);line-height:.8;letter-spacing:-.08em;color:var(--accent)}.x-result span{text-align:right;opacity:.65}.x-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.x-shot{position:relative;min-height:260px;overflow:hidden;border-radius:2px;background:#111}.x-shot:nth-child(1){grid-column:span 7}.x-shot:nth-child(2){grid-column:span 5}.x-shot:nth-child(3){grid-column:span 5}.x-shot:nth-child(4){grid-column:span 7}.x-shot img{width:100%;height:100%;object-fit:cover;transition:transform .9s,filter .9s}.x-shot:hover img{transform:scale(1.08);filter:saturate(1.25)}.x-shot span{position:absolute;left:18px;bottom:16px;padding:8px 10px;background:#0009;color:white;font-size:10px;font-weight:800;letter-spacing:.13em}.x-palette{display:flex;min-height:340px}.x-swatch{flex:1;display:flex;align-items:end;padding:22px;color:#fff;font-weight:800;letter-spacing:.1em;transition:flex .65s cubic-bezier(.2,.8,.2,1)}.x-swatch:hover{flex:3}.x-deck{position:relative;min-height:570px;display:grid;place-items:center;perspective:1400px}.x-slide{position:absolute;width:min(76vw,900px);aspect-ratio:16/9;padding:clamp(25px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#161133,#331174);box-shadow:0 50px 110px #0008;transform:translateX(calc(var(--i)*38px)) translateY(calc(var(--i)*-22px)) rotateY(calc(var(--i)*-4deg)) rotateZ(calc(var(--i)*1deg));opacity:calc(1 - var(--i)*.22);transition:.7s cubic-bezier(.2,.8,.2,1)}.x-slide h3{font-size:clamp(42px,7vw,96px);line-height:.88;margin:0}.x-slide span{font-size:11px;letter-spacing:.15em}.x-slide:nth-child(2){background:linear-gradient(135deg,#ff4f9c,#722bff)}.x-slide:nth-child(3){background:linear-gradient(135deg,#181818,#7e63ff)}.x-deck:hover .x-slide{transform:translateX(calc((var(--i) - 1)*34%)) rotateY(0) rotateZ(0);opacity:1}.x-cta{min-height:100svh;text-align:center;place-items:center;background:var(--ink);color:var(--paper)}.x-cta h2{font-size:clamp(58px,11vw,155px);line-height:.84;margin:0;letter-spacing:-.07em}.x-button{display:inline-flex;align-items:center;gap:30px;margin-top:42px;padding:20px 28px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:800;transition:.35s}.x-button:hover{color:var(--ink);background:var(--accent);border-color:var(--accent);transform:scale(1.06)}.reveal{opacity:0;transform:translateY(55px);transition:opacity .85s,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.x-section-no{position:absolute;right:4vw;top:50%;font-size:11px;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;opacity:.35}.signal{display:flex;align-items:flex-end;gap:5px;height:260px;margin-top:40px}.signal i{flex:1;min-width:4px;background:linear-gradient(var(--accent),var(--hot));height:calc(8% + var(--v)*.9%);animation:pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--v)*-.02s);transform-origin:bottom}.brand-mark{font-size:clamp(100px,25vw,360px);font-family:'Playfair Display',serif;line-height:.7;color:var(--accent);filter:drop-shadow(0 20px 50px color-mix(in srgb,var(--accent) 32%,transparent));animation:mark 7s ease-in-out infinite}.x-footer{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;opacity:.55}
@keyframes bob{50%{transform:translateY(8px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px) scale(1.06)}}@keyframes pulse{50%{transform:scaleY(.72);filter:brightness(1.6)}}@keyframes mark{50%{transform:rotate(-4deg) scale(1.05)}}
@media(max-width:800px){.x-nav{inset:12px 12px auto}.x-nav__links{display:none}.x-section{min-height:auto;padding:100px 20px 84px}.x-hero{min-height:100svh}.x-intro,.x-split{grid-template-columns:1fr}.x-grid{grid-template-columns:1fr}.x-card{min-height:220px}.x-matrix{grid-template-columns:1fr 1fr}.x-cell{min-height:150px}.x-gallery{grid-template-columns:1fr}.x-shot:nth-child(n){grid-column:auto;min-height:260px}.x-palette{min-height:460px;flex-direction:column}.x-swatch:hover{flex:1}.x-deck{min-height:360px}.x-slide{width:88vw}.x-deck:hover .x-slide{transform:translateY(calc((var(--i) - 1)*30px)) rotateZ(calc((var(--i) - 1)*2deg))}.x-section-no{display:none}.x-result{align-items:flex-start;flex-direction:column;gap:24px}.x-result span{text-align:left}.x-orbit i{width:66px}.x-footer{position:static;margin-top:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.pricing{--ink:#f4f7ff;--paper:#071039;--accent:#dfff6d;--hot:#6ff6ff;--glow:#123bea}.price-total{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}.price-total article{padding:30px;border:1px solid #7ff4ff55;background:#0c1d66aa}.price-total small{display:block;letter-spacing:.13em}.price-total strong{display:block;margin-top:15px;font-size:clamp(48px,7vw,105px);line-height:.85;color:var(--accent);letter-spacing:-.07em}.hours{display:grid;gap:9px}.hour-row{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:18px;border-bottom:1px solid #ffffff1d}.hour-row b{font-size:11px;color:var(--accent)}.hour-row span{font-size:clamp(16px,1.7vw,24px)}.hour-row strong{font-size:24px}.market-bars{display:grid;gap:18px}.market-bar{position:relative;padding:20px;border:1px solid #ffffff30;overflow:hidden}.market-bar:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#123bea88,#6ff6ff44)}.market-bar strong{font-size:clamp(27px,4vw,58px)}.market-bar span{float:right}.source-note{margin-top:24px;font-size:13px;line-height:1.6;opacity:.62}.source-note a{text-underline-offset:4px}.price-slider{accent-color:var(--accent)}.price-equation{display:flex;justify-content:center;align-items:center;gap:2vw;flex-wrap:wrap;margin-top:40px}.price-equation b{font-size:clamp(48px,8vw,120px);letter-spacing:-.07em}.price-equation i{font:italic clamp(35px,6vw,80px) 'Playfair Display';color:var(--accent)}
.pricing{--ink:#f4f7ff;--paper:#071039;--accent:#dfff6d;--hot:#6ff6ff;--glow:#123bea}.price-total{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}.price-total article{padding:30px;border:1px solid #7ff4ff55;background:#0c1d66aa}.price-total article:last-child{grid-column:1/-1}.price-total small{display:block;letter-spacing:.13em}.price-total strong{display:block;margin-top:15px;font-size:clamp(48px,7vw,105px);line-height:.85;color:var(--accent);letter-spacing:-.07em}.price-total article:last-child strong{font-size:clamp(38px,5vw,72px)}.hours{display:grid;gap:9px}.hour-row{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:18px;border-bottom:1px solid #ffffff1d}.hour-row b{font-size:11px;color:var(--accent)}.hour-row span{font-size:clamp(16px,1.7vw,24px)}.hour-row strong{font-size:24px}.market-bars{display:grid;gap:18px}.market-bar{position:relative;padding:20px;border:1px solid #ffffff30;overflow:hidden}.market-bar:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#123bea88,#6ff6ff44)}.market-bar strong{font-size:clamp(27px,4vw,58px)}.market-bar span{float:right}.source-note{margin-top:24px;font-size:13px;line-height:1.6;opacity:.62}.source-note a{text-underline-offset:4px}.price-slider{accent-color:var(--accent);opacity:1}.price-equation{display:flex;justify-content:center;align-items:center;gap:2vw;flex-wrap:wrap;margin-top:40px}.price-equation b{font-size:clamp(48px,8vw,120px);letter-spacing:-.07em}.price-equation i{font:italic clamp(35px,6vw,80px) 'Playfair Display';color:var(--accent)}
@media(max-width:800px){.price-total{grid-template-columns:1fr}.hour-row{grid-template-columns:42px 1fr}.hour-row strong{grid-column:2}}
.pricing #calc .price-total article{min-width:0}.pricing #calc .price-total strong{font-size:clamp(32px,5vw,76px);line-height:1.1;overflow-wrap:anywhere}.pricing #calc .price-equation b{font-size:clamp(32px,5.5vw,84px);line-height:1.15;max-width:100%;overflow-wrap:anywhere}.pricing #calc input[type=number]{border:1px solid #7ff4ff88;border-radius:10px}.pricing #calc input:focus-visible{outline:3px solid #dfff6d;outline-offset:4px}
