/* V3: the original centered composition, modern glass, product-specific motion. */
body[data-page=home]{--showcase-mint:#e8f4ef;--showcase-blue:#eef2fa;--showcase-peach:#fbf0e9}
.hero{text-align:center;padding:62px 0 12px;overflow:hidden}
.hero .wrap{max-width:1200px}
.hero .eyebrow{font-size:11px;letter-spacing:1.9px;margin-bottom:20px;color:#74777d}
.hero h1{font-size:66px;line-height:1.13;letter-spacing:-2.9px;font-weight:620}
.hero p{font-size:18px;line-height:1.7;max-width:560px;margin:21px auto 26px;color:#6b6d73}
.hero-actions{justify-content:center;gap:26px}
.hero-actions .glass{font-size:14px;padding:13px 24px;min-height:47px}
.hero-actions .text-link{font-size:14px}
.hero-stack{position:relative;display:flex;justify-content:center;align-items:center;height:285px;max-width:750px;margin:25px auto 0;perspective:1200px}
.stack-shadow{position:absolute;bottom:44px;width:410px;height:38px;border-radius:50%;background:rgba(52,68,92,.1);filter:blur(23px);animation:shadow-breathe 7s ease-in-out infinite}
.hero .display-card{width:268px;height:168px;padding:25px;border-radius:25px;background:rgba(255,255,255,.71);border:1px solid rgba(211,220,233,.7);box-shadow:inset 0 1px 0 #fff,0 26px 48px -29px rgba(37,49,71,.31);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hero .display-card .card-brand{font-size:16px;letter-spacing:-.6px}
.hero .display-card .card-caption{font-size:9px;letter-spacing:1.5px;bottom:24px;left:25px}
.hero .display-card img{width:37px;height:37px;right:25px;bottom:23px}
.hero .display-card.left{background:linear-gradient(135deg,#fbf9f7,#f3eeea);--rest:translate(-173px,13px) rotate(-12deg);animation:hero-drift 7.5s ease-in-out infinite;z-index:1}
.hero .display-card.right{background:linear-gradient(135deg,#fafcff,#edf2fb);--rest:translate(173px,13px) rotate(12deg);animation:hero-drift 8s ease-in-out -2.7s infinite;z-index:1}
.hero .display-card.center{--rest:translate(0,-5px) rotate(0deg);animation:hero-drift 7s ease-in-out -1.4s infinite;z-index:2;background:linear-gradient(130deg,rgba(255,255,255,.93),rgba(242,247,251,.79))}
.hero .display-card.center:after{left:25px;top:59px;width:165px;background:linear-gradient(90deg,#dce2eb,transparent)}
.brand-rail{display:flex;align-items:center;justify-content:center;gap:30px;color:#84868c;font-size:10px;letter-spacing:.5px;padding:4px 0 40px}
.brand-rail span{display:flex;align-items:center;gap:8px}.brand-rail img{width:16px;height:16px;object-fit:contain}
.catalog-surface{background:#f5f5f7;padding:55px 0 70px}
.catalog-section.section.wrap{max-width:1200px;padding:0 28px}
.catalog-section .section-head{margin-bottom:28px;align-items:center}
.catalog-section h2{font-size:35px;font-weight:610;letter-spacing:-1.3px}
.catalog-section .section-head p{font-size:14px;margin-top:10px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card.showcase{position:relative;overflow:hidden;background:white;border:1px solid rgba(226,229,235,.6);border-radius:31px;padding:29px 30px 27px;min-height:405px;display:flex;flex-direction:column;gap:0;box-shadow:0 10px 36px -25px rgba(31,43,63,.09);transition:box-shadow .4s,transform .4s}
.product-card.showcase:hover{transform:translateY(-4px);box-shadow:0 24px 50px -27px rgba(31,43,63,.16)}
.showcase.chatgpt{grid-column:span 2}
.showcase-header{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-shrink:0}
.showcase h3{font-size:26px;font-weight:610;letter-spacing:-.9px;line-height:1.2}
.showcase.chatgpt h3{font-size:30px}
.showcase-header p{font-size:12px;margin:10px 0 0;color:#80838b;line-height:1.6}
.showcase-tag{font-size:10px;color:#92959c;padding-top:7px;white-space:nowrap}
.showcase .card-bottom{position:relative;z-index:3;flex-direction:row;align-items:center;gap:15px;margin-top:auto}
.showcase .price{font-size:26px;font-weight:600;letter-spacing:-.8px}
.showcase .price small{font-size:10px;letter-spacing:0;margin-top:6px;color:#92959c}
.showcase .glass{font-size:12px;padding:11px 17px;min-height:41px;background:rgba(247,249,252,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(209,216,229,.5)}
.motion-stage{position:relative;height:244px;margin:13px -8px 5px;display:flex;align-items:center;justify-content:center;perspective:1100px;flex:1;min-height:230px;--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:40%}
.motion-inner{position:relative;width:100%;height:100%;min-height:230px;display:flex;align-items:center;justify-content:center;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.stage-glow{position:absolute;width:72%;height:60%;border-radius:50%;filter:blur(36px);opacity:.65;pointer-events:none}
.chatgpt .stage-glow{background:var(--showcase-mint);width:70%;height:55%}
.membership-card{position:absolute;width:234px;height:146px;border-radius:23px;padding:20px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 25px 35px -23px rgba(31,53,55,.27);border:1px solid rgba(255,255,255,.88);overflow:hidden;--rest:translate(0,0) rotate(0deg);animation:card-float 7s ease-in-out infinite}
.membership-card .mini-brand{font-size:11px;letter-spacing:-.2px;color:#5c7672;font-weight:550}
.membership-card strong{display:block;margin-top:16px;font-size:26px;letter-spacing:-.8px;font-weight:570}
.membership-card .mini-label{position:absolute;left:20px;bottom:20px;font-size:8px;color:#718581;letter-spacing:1.5px}
.membership-card img{position:absolute;right:20px;bottom:20px;width:26px;height:26px;object-fit:contain}
.membership-card:after{position:absolute;content:"";inset:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.4),transparent 65%);pointer-events:none}
.membership-card.card-back{background:linear-gradient(140deg,#f2f3fa,#e2e6f4);--rest:translate(66px,-10px) rotate(9deg);animation-delay:-2.6s;color:#414958}
.membership-card.card-front{background:linear-gradient(130deg,#f3fcf8,#dceee8);--rest:translate(-43px,14px) rotate(-9deg);color:#234840}
.card-back .mini-brand,.card-back .mini-label{color:#818a9f}
.art-shadow{position:absolute;bottom:18px;width:205px;height:22px;filter:blur(15px);border-radius:50%;background:rgba(26,46,51,.12);animation:shadow-breathe 7s ease-in-out infinite}
.gemini .motion-stage{overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at center,#f0f3fc,rgba(255,255,255,0) 68%)}
.gemini-center{width:91px;height:91px;object-fit:contain;position:relative;z-index:2;animation:mark-breathe 7s ease-in-out infinite}
.orbit-plane{position:absolute;width:225px;height:145px;border-radius:50%;border:1px solid rgba(159,179,225,.42);transform:rotate(-32deg);animation:orbit-turn 22s linear infinite}
.orbit-plane.second{width:187px;height:187px;transform:rotate(55deg) scaleY(.65);border-color:rgba(184,192,216,.22);animation:orbit-turn-second 26s linear infinite}
.orbit-dot{position:absolute;top:16px;left:27px;width:8px;height:8px;border-radius:50%;background:#7898e5;box-shadow:0 0 14px rgba(123,146,208,.2)}
.orbit-dot.tiny{top:auto;left:auto;bottom:17px;right:25px;width:4px;height:4px;background:#a3b3d8}
.x .motion-stage{min-height:230px}.x .stage-glow{background:#f0f1f3;width:65%;height:50%}
.black-card{position:absolute;width:220px;height:140px;padding:22px;border-radius:22px;background:linear-gradient(140deg,#303238,#131416);color:#fff;--rest:translate(0,0) rotate(-9deg);animation:card-float 8s ease-in-out -2s infinite;box-shadow:0 27px 35px -23px rgba(18,20,26,.42),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}
.black-card .black-title{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.7px;font-weight:500}.black-card img{width:25px;height:25px;filter:invert(1)}
.black-card .mini-label{position:absolute;bottom:22px;left:22px;font-size:8px;letter-spacing:2px;color:#c1c2c7}
.black-card:after{content:"";position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.11) 48%,transparent 57%);animation:card-sheen 9s ease-in-out infinite;pointer-events:none}
.claude .stage-glow{background:var(--showcase-peach);width:62%;height:60%}
.claude-plaque{width:139px;height:139px;border-radius:35px;background:linear-gradient(140deg,rgba(255,255,255,.83),rgba(252,244,238,.7));border:1px solid #fff;box-shadow:0 21px 38px -27px rgba(92,56,36,.27),inset 0 1px 0 white;display:flex;justify-content:center;align-items:center;animation:plaque-float 8s ease-in-out infinite}
.claude-plaque img{width:72px;height:72px;object-fit:contain}
.grok .stage-glow{background:var(--showcase-blue);width:66%;height:55%}
.grok-disc{position:relative;width:130px;height:130px;border-radius:50%;border:1px solid rgba(193,203,218,.6);background:linear-gradient(140deg,#fff,#eff2f7);box-shadow:inset 0 1px 0 white,0 23px 35px -28px rgba(42,56,74,.38);display:flex;align-items:center;justify-content:center;animation:plaque-float 8.5s ease-in-out -3s infinite}
.grok-disc img{width:66px;height:66px;object-fit:contain}
.grok-halo{position:absolute;width:195px;height:102px;border:1px solid rgba(155,171,195,.3);border-radius:50%;transform:rotate(-30deg);animation:halo-drift 10s ease-in-out infinite}
.service-section.section{padding:55px 28px 60px;max-width:1200px}.service-row{border-top:0;gap:65px;padding:0}.service-row h3{font-size:18px;font-weight:560}.service-row p{font-size:13px;line-height:1.85}
.motion-toggle{display:flex;justify-content:flex-end;padding-top:24px}.motion-toggle button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#74777e;font-size:11px;padding:8px 0;min-height:34px}.motion-toggle svg{width:13px;height:13px}
.motion-pause .motion-art,.motion-pause .motion-art:after,.motion-pause .stack-shadow{animation-play-state:paused!important}
.motion-outside .motion-art,.motion-outside .motion-art:after{animation-play-state:paused}
@keyframes hero-drift{0%,100%{transform:var(--rest) translateY(0)}50%{transform:var(--rest) translateY(-7px)}}
@keyframes card-float{0%,100%{transform:var(--rest) translateY(0)}50%{transform:var(--rest) translateY(-8px) rotate(1.6deg)}}
@keyframes plaque-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@keyframes mark-breathe{0%,100%{transform:translateY(2px) rotate(-3deg) scale(1)}50%{transform:translateY(-5px) rotate(3deg) scale(1.045)}}
@keyframes orbit-turn{from{transform:rotate(-32deg)}to{transform:rotate(328deg)}}
@keyframes orbit-turn-second{from{transform:rotate(55deg) scaleY(.65)}to{transform:rotate(-305deg) scaleY(.65)}}
@keyframes halo-drift{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-15deg) translateY(-4px)}}
@keyframes shadow-breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}
@keyframes card-sheen{0%,25%{transform:translateX(-45%) rotate(-5deg)}65%,100%{transform:translateX(45%) rotate(-5deg)}}
@media(max-width:1000px){.product-grid{gap:18px}.product-card.showcase{padding:25px 24px 24px}.membership-card{width:210px;height:137px}.membership-card strong{font-size:24px}.black-card{width:190px;height:132px}.showcase h3{font-size:24px}.orbit-plane{width:195px;height:127px}.orbit-plane.second{width:166px;height:166px}.claude-plaque{width:126px;height:126px}.grok-disc{width:120px;height:120px}}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase.chatgpt{grid-column:span 2}.showcase.x{grid-column:span 2}.x .motion-stage{min-height:235px}.x .black-card{width:245px;height:151px}.product-card.showcase{min-height:387px}.hero h1{font-size:57px}.hero .display-card{width:246px;height:156px}.hero .display-card.left{--rest:translate(-150px,13px) rotate(-12deg)}.hero .display-card.right{--rest:translate(150px,13px) rotate(12deg)}.brand-rail{gap:24px}.brand-rail span{gap:6px}.service-row{gap:32px}}
@media(max-width:640px){.hero{padding:43px 0 8px}.hero .wrap{padding:0 20px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.hero h1{font-size:45px;line-height:1.16;letter-spacing:-2px}.hero p{font-size:14px;line-height:1.8;max-width:295px;margin:18px auto 22px}.hero-actions{justify-content:center;gap:21px}.hero-actions .glass{font-size:12px;padding:12px 21px;min-height:44px}.hero-actions .text-link{font-size:12px}.hero-stack{height:231px;margin-top:20px;max-width:390px}.hero .display-card{width:202px;height:132px;padding:19px;border-radius:20px}.hero .display-card .card-brand{font-size:13px}.hero .display-card .card-caption{font-size:7px;left:19px;bottom:20px;letter-spacing:1.2px}.hero .display-card img{width:28px;height:28px;right:19px;bottom:18px}.hero .display-card.left{--rest:translate(-112px,12px) rotate(-12deg)}.hero .display-card.right{--rest:translate(112px,12px) rotate(12deg)}.hero .display-card.center{--rest:translate(0,-4px)}.hero .display-card.center:after{left:19px;top:46px;width:125px}.stack-shadow{bottom:35px;width:270px;height:27px;filter:blur(19px)}.brand-rail{gap:17px;padding:0 0 27px;font-size:9px}.brand-rail span{gap:0}.brand-rail img{display:none}.catalog-surface{padding:36px 0 37px}.catalog-section.section.wrap{padding:0 18px}.catalog-section .section-head{align-items:flex-start;gap:20px;margin-bottom:24px}.catalog-section h2{font-size:28px}.catalog-section .section-head p{font-size:12px;line-height:1.7;max-width:295px}.product-grid{grid-template-columns:1fr;gap:16px}.showcase.chatgpt,.showcase.x{grid-column:auto}.product-card.showcase{min-height:379px;padding:25px 23px 24px;border-radius:27px}.showcase h3,.showcase.chatgpt h3{font-size:27px}.showcase-header p{font-size:11px}.showcase-tag{font-size:9px}.motion-stage{height:240px;margin:8px -6px 7px;min-height:230px}.showcase .price{font-size:24px}.showcase .glass{font-size:12px;min-height:40px;padding:10px 17px}.membership-card{width:194px;height:128px;border-radius:20px;padding:17px}.membership-card strong{font-size:25px;margin-top:15px}.membership-card .mini-brand{font-size:10px}.membership-card .mini-label{left:17px;bottom:17px;font-size:7px}.membership-card img{right:17px;bottom:17px;width:24px;height:24px}.membership-card.card-front{--rest:translate(-30px,10px) rotate(-9deg)}.membership-card.card-back{--rest:translate(43px,-10px) rotate(9deg)}.gemini-center{width:100px;height:100px}.orbit-plane{width:230px;height:145px}.orbit-plane.second{width:192px;height:192px}.x .black-card{width:222px;height:145px}.claude-plaque{width:143px;height:143px}.claude-plaque img{width:77px;height:77px}.grok-disc{width:143px;height:143px}.grok-disc img{width:76px;height:76px}.grok-halo{width:213px;height:117px}.service-section.section{padding:40px 22px}.service-row{gap:26px}.service-row h3{font-size:17px}.service-row p{font-size:12px}.motion-toggle{padding-top:17px}}
@media(max-width:360px){.hero h1{font-size:41px}.brand-rail{gap:13px;font-size:8px}.hero .display-card{width:182px;height:125px}.hero .display-card.left{--rest:translate(-103px,11px) rotate(-12deg)}.hero .display-card.right{--rest:translate(103px,11px) rotate(12deg)}.showcase-tag{display:none}.product-card.showcase{padding:23px 20px}.membership-card{width:175px;height:120px}.membership-card strong{font-size:22px}.membership-card.card-front{--rest:translate(-26px,10px) rotate(-9deg)}.membership-card.card-back{--rest:translate(34px,-10px) rotate(9deg)}.showcase .glass{padding:10px 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.motion-art,.motion-art:after,.stack-shadow{animation:none!important}.motion-inner{transform:none!important;transition:none!important}.hero .display-card,.membership-card,.black-card{transform:var(--rest)}.orbit-plane{transform:rotate(-32deg)}.orbit-plane.second{transform:rotate(55deg) scaleY(.65)}.grok-halo{transform:rotate(-30deg)}}