/* Duduri motion language: brief signal breaks, cold light, measured depth. */
body{background-image:radial-gradient(ellipse at 70% 0,#142b4329,transparent 42%)}
body::before{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.13' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#477595,#a6ddff);box-shadow:0 0 16px #8ccfff66;transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
.hero-copy>.eyebrow{animation:arrive .8s .08s both}.hero-copy>h1{animation:arrive .95s .16s both}.hero-description{animation:arrive .95s .25s both}.hero-actions{animation:arrive .95s .33s both}.hero-notes{animation:arrive .95s .42s both}
.hero-art{transform:perspective(1100px) rotateX(var(--pointer-x,0deg)) rotateY(var(--pointer-y,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hero-emblem{filter:drop-shadow(0 0 34px #3e96cf12);animation:float 9s ease-in-out infinite,emblem-arrive 1.3s cubic-bezier(.16,1,.3,1) both}
.signal-title{position:relative;display:inline-block}.signal-title::after{content:'';position:absolute;left:0;right:0;top:53%;height:1px;background:linear-gradient(90deg,transparent,#d9f3ff,transparent);pointer-events:none;opacity:0;animation:signal-break 13s 3s infinite}
.signal-sweep{position:absolute;inset:5% 4%;z-index:4;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.signal-sweep::after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#b4e6ff66,transparent);box-shadow:0 0 20px 2px #7ecbff0f;animation:scan-line 9s 2s ease-in-out infinite;opacity:0}
.signal-corners{position:absolute;inset:65px 30px 50px;border:1px solid #6189a62b;clip-path:polygon(0 0,12% 0,12% 1px,1px 1px,1px 11%,0 11%,0 0,100% 0,100% 11%,calc(100% - 1px) 11%,calc(100% - 1px) 1px,88% 1px,88% 0,100% 0,100% 100%,88% 100%,88% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 89%,100% 89%,100% 100%,0 100%,0 89%,1px 89%,1px calc(100% - 1px),12% calc(100% - 1px),12% 100%,0 100%)}
.orbit-one{animation:orbit-drift 35s linear infinite}.orbit-two{animation:orbit-drift 50s linear reverse infinite}.floating-label{transition:box-shadow .5s}.hero:hover .floating-label{box-shadow:0 15px 35px #0004,0 0 22px #66bdff0c}
.button,.round-link{position:relative;overflow:hidden}.button::after{content:'';position:absolute;inset:-30% auto -30% -80%;width:40%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff4,transparent);transition:left .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}.button:hover::after{left:145%}.button:disabled{cursor:not-allowed;transform:none;box-shadow:none;background:#1c3042;color:#809aad;border-color:#365168;font-size:12px}.button:disabled::after{display:none}.round-link:hover{box-shadow:0 0 25px #8ed3ff24}
.will-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.product-card.will-reveal.is-visible:hover{transform:translateY(-5px)}
.product-card,.plan-card,.community-panel{position:relative;isolation:isolate}.product-card::after,.plan-card::after,.community-panel::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--spot-x,50%) var(--spot-y,0%),#9bdcff0b,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.product-card:hover::after,.plan-card:hover::after,.community-panel:hover::after{opacity:1}
.product-visual .shield-symbol,.product-visual .script-symbol{transition:translate .65s cubic-bezier(.16,1,.3,1),filter .65s}.product-card:hover .shield-symbol,.product-card:hover .script-symbol{translate:0 -7px;filter:drop-shadow(12px 18px 12px #020a184d)}.product-grid{min-height:0}.product-card[hidden]{display:none}.faq details[open] p{animation:answer-in .3s ease-out}.faq summary{transition:color .3s,padding-left .3s}.faq summary:hover{color:#c3eaff;padding-left:5px}dialog[open]{animation:dialog-in .28s cubic-bezier(.16,1,.3,1)}dialog[open]::backdrop{animation:veil-in .25s}
.pricing{margin-top:75px;scroll-margin-top:110px}.pricing[hidden]{display:none}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.pricing-heading h2{font-size:33px;margin-top:15px}.pricing-heading p{font-size:12px;color:#91a9bd;margin-top:12px}.currency-control{display:grid;grid-template-columns:1fr;gap:6px;width:155px;flex-shrink:0}.currency-control label{font-size:10px;color:#9aafc1}.currency-control select{margin:0;padding:8px 10px;font-size:11px;cursor:pointer}.currency-context{font-size:9px;color:#66859d;min-height:15px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{background:linear-gradient(140deg,#101e2b,#0b141e);border:1px solid #2b3f52;border-radius:10px;padding:26px;overflow:hidden;transition:border-color .35s,box-shadow .35s,transform .5s}.plan-card:hover{border-color:#6287a3;box-shadow:0 16px 36px #0003}.plan-card.plan-center{background:linear-gradient(140deg,#172b3e,#0d1b29);border-color:#5b819e}.plan-center::before{content:'';position:absolute;inset:0 25% auto;height:1px;background:linear-gradient(90deg,transparent,#b5e6ff,transparent);box-shadow:0 0 16px #a6ddff55}.plan-top{display:flex;justify-content:space-between;color:#7697b2;font:8px monospace;letter-spacing:1.7px}.plan-top>span+span{color:#47647e}.plan-card h3{font-size:14px;font-weight:400;color:#a0b8cd;margin-top:25px}.plan-card h3>span:first-child{font-size:38px;letter-spacing:-2px;color:#e4f3ff;font-weight:600;margin-right:5px}.plan-price{display:flex;align-items:baseline;gap:10px;margin-top:5px;flex-wrap:wrap}.plan-amount{font-size:32px;letter-spacing:-1.2px;font-weight:600;white-space:nowrap}.plan-period{font-size:9px;color:#6889a4}.plan-card>p{font-size:11px;color:#8fa9bd;border-top:1px solid #2a3e50;margin-top:23px;padding-top:20px}.plan-button{width:100%;margin-top:25px;min-height:44px;font-size:11px;border:1px solid #3d5b74;background:#1b3247;color:#c5e9ff;justify-content:space-between;padding:11px 14px}.plan-center .plan-button{background:#a6ddff;border-color:#a6ddff;color:#112a3c}.plan-button:hover{background:#c0e9ff;color:#102638;border-color:#b4e0ff}.payment-provider{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#7a94aa;margin-top:15px}.payment-provider svg{width:11px;height:11px;fill:none;stroke:#839eb2;stroke-width:1.3}.pricing-disclaimer{font-size:9px;color:#718b9f;line-height:1.9;margin-top:18px;max-width:690px}.summary-duration{display:block;font-size:11px;letter-spacing:.6px;color:#7999b3;margin-top:5px}.checkout-support{display:block;text-align:center;font-size:11px;color:#a3c4dd;margin-top:16px}.checkout-support:hover{color:#d4eeff}.purchase-summary{padding-bottom:25px}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes emblem-arrive{from{opacity:0;scale:.92;translate:0 18px}to{opacity:1;scale:1;translate:0 0}}@keyframes signal-break{0%,1%,3%,100%{opacity:0;translate:0 0}1.2%,1.8%{opacity:.65;translate:3px 0}2%,2.5%{opacity:.35;translate:-2px 0}}@keyframes scan-line{0%,40%,100%{opacity:0;transform:translateY(0)}5%{opacity:.65}32%{opacity:.2;transform:translateY(450px)}35%{opacity:0;transform:translateY(470px)}}@keyframes orbit-drift{to{rotate:360deg}}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.plan-card{padding:21px}.plan-amount{font-size:28px}.plan-period{font-size:8px}.pricing-heading h2{font-size:29px}}
@media(max-width:700px){.pricing{margin-top:50px;scroll-margin-top:140px}.pricing-heading{align-items:start;gap:18px;flex-wrap:wrap}.pricing-heading h2{font-size:29px}.pricing-heading p{font-size:11px}.currency-control{width:100%;grid-template-columns:auto 140px;align-items:center;column-gap:15px}.currency-context{grid-column:2}.pricing-grid{grid-template-columns:1fr;gap:15px}.plan-card{padding:25px}.plan-card h3{margin-top:13px}.plan-price{position:absolute;right:25px;top:55px;display:block;text-align:right}.plan-period{display:block}.plan-card>p{margin-top:16px;padding-top:16px}.plan-button{margin-top:20px}.signal-corners{inset:40px 17px}.signal-sweep{opacity:.5}.pricing-disclaimer{font-size:9px}.hero-art{transform:none}.hero-copy>h1{animation-duration:.7s}.will-reveal{transform:translateY(18px)}body::before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.hero-art{transform:none}.signal-title::after,.signal-sweep{display:none}}
/* Signature light choreography */
.hero-art::before{content:'';position:absolute;inset:9% 4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 35%,#7bcaff55 43%,#c9f1ff99 48%,transparent 53% 85%,#5f9dc844 92%,transparent);mask:radial-gradient(ellipse,transparent 54%,#000 55% 56%,transparent 57%);animation:signature-orbit 17s linear infinite;pointer-events:none}
.hero-art::after{content:'';position:absolute;inset:12%;z-index:-1;background:radial-gradient(ellipse,#4dafff26,transparent 67%);filter:blur(20px);animation:signature-breathe 7s ease-in-out infinite}
.hero-emblem{animation:float 7s ease-in-out infinite,emblem-arrive 1.8s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 18px 30px #0008) drop-shadow(0 0 32px #7cceff18)}
.hero-art .label-top{animation:label-drift 8s ease-in-out infinite}.hero-art .label-bottom{animation:label-drift 9s 1s ease-in-out infinite reverse}
.signal-title{animation:title-signal 14s 4s infinite}.hero-copy h1{letter-spacing:-3.5px}.hero-copy>.eyebrow{color:#a4c5dd;letter-spacing:2.6px}
.signal-sweep::after{height:2px;box-shadow:0 0 35px 4px #7ecbff26;animation-duration:6s}
.product-visual::after{content:'';position:absolute;inset:-80% -100%;background:linear-gradient(115deg,transparent 42%,#b8e7ff0d 47%,#d9f5ff24 50%,#b8e7ff0d 53%,transparent 58%);transform:translateX(-25%);transition:transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.product-card:hover .product-visual::after{transform:translateX(25%)}
.plan-card{transition:border-color .4s,box-shadow .4s,translate .5s}.plan-card:hover{translate:0 -7px;box-shadow:0 22px 55px #0005,0 0 24px #8cd5ff0b}.plan-center::before{animation:edge-breathe 4s ease-in-out infinite}
.will-reveal{transition:opacity 1s var(--reveal-delay,0ms),transform 1.15s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);transform:translateY(36px)}
nav a{position:relative}nav a::after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#b7e8ff;transform:scaleX(0);transform-origin:left;transition:transform .35s}nav a:hover::after{transform:scaleX(1)}
@keyframes signature-orbit{to{rotate:360deg}}@keyframes signature-breathe{50%{opacity:.45;scale:1.13}}@keyframes label-drift{50%{translate:0 -9px}}@keyframes edge-breathe{50%{opacity:.35;scale:.7 1}}@keyframes title-signal{0%,2%,100%{text-shadow:none;translate:0}1%{text-shadow:3px 0 #8bd5ff66,-2px 0 #fff3;translate:1px}1.5%{text-shadow:-2px 0 #8bd5ff66;translate:-1px}}
@media(max-width:700px){.hero-copy h1{letter-spacing:-2px}.hero-art::before{inset:8% 2%}.plan-card:hover{translate:none}.hero-art .label-top,.hero-art .label-bottom{animation:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.plan-card:hover{translate:none}}
/* Portal composition: a luminous mechanical frame around the brand emblem. */
.hero{min-height:720px;isolation:isolate}.hero-atmosphere{position:absolute;inset:0 -30px;overflow:hidden;pointer-events:none;z-index:-2}.hero-atmosphere>div:first-child{position:absolute;width:75%;height:80%;right:-10%;top:0;background:radial-gradient(ellipse,#257ba52e,transparent 66%);animation:atmosphere-flow 14s ease-in-out infinite alternate}.hero-atmosphere>div:nth-child(2){position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,#b3eaff55,transparent);right:-10%;top:52%;rotate:-48deg;box-shadow:0 0 35px 8px #69c9ff0c}.hero-atmosphere>span{position:absolute;bottom:5px;left:0;font:800 clamp(100px,17vw,225px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px #8fcef80b;white-space:nowrap}.hero-copy h1{font-size:clamp(52px,5.7vw,82px);letter-spacing:-4px;line-height:1.02}.hero-copy .signal-title{font-size:1.16em;background:linear-gradient(100deg,#e2f6ff,#9bdbff 40%,#558cba 70%,#d2f2ff);background-size:220% 100%;background-clip:text;color:transparent;animation:heading-light 9s ease-in-out infinite}.hero-art{height:590px;overflow:clip}.hero-emblem{inset:8% 6%;width:88%;height:84%;z-index:2;filter:drop-shadow(0 20px 25px #000b) drop-shadow(0 0 30px #6ed5ff40)}.portal-halo{position:absolute;inset:17% 9%;border-radius:50%;background:radial-gradient(ellipse,#95dfff13 20%,#77cfff28 43%,transparent 68%);filter:blur(12px);animation:signature-breathe 6s ease-in-out infinite}.portal-ring{position:absolute;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;pointer-events:none}.ring-outer{width:86%;border:1px solid #b7eaff38;box-shadow:inset 0 0 28px #7ccfff0a,0 0 45px #77cfff12;background:repeating-conic-gradient(from 0deg,#96cbe966 0deg .35deg,transparent .35deg 6deg);mask:radial-gradient(transparent 68%,#000 68.3% 70%,transparent 70.3%);animation:signature-orbit 90s linear infinite}.ring-inner{width:73%;border:2px solid transparent;border-top-color:#d2f5ff;border-bottom-color:#63afe488;box-shadow:0 -7px 25px -14px #b9f1ff;animation:signature-orbit 24s linear infinite}.ring-inner::after{content:'';position:absolute;inset:12px;border:1px dashed #81cfff38;border-radius:50%}.portal-axis{position:absolute;inset:15% 5%;background:linear-gradient(90deg,transparent 49.9%,#a1ddff24 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#a1ddff24 50%,transparent 50.1%);rotate:-30deg}.portal-caption{position:absolute;left:10%;right:10%;bottom:18px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#6e96b2}.hero-art .art-coordinate.bottom,.hero-art .art-index{display:none}.hero-art .art-coordinate.top{top:25px;left:10%;color:#98bfd8}.hero-art .signal-corners{inset:48px 10px}.floating-label{border-color:#7ab9df66;box-shadow:0 18px 40px #0007}.label-top{top:105px;right:0}.label-bottom{bottom:95px;left:3px}.light-shards{position:absolute;inset:8%;pointer-events:none}.light-shards i{position:absolute;width:3px;height:3px;background:#c0edff;box-shadow:0 0 14px 3px #78ccff77;border-radius:50%;animation:particle-rise 8s ease-in-out infinite}.light-shards i:nth-child(1){left:12%;top:65%}.light-shards i:nth-child(2){left:32%;top:25%;animation-delay:-3s}.light-shards i:nth-child(3){left:80%;top:75%;animation-delay:-5s}.light-shards i:nth-child(4){left:66%;top:15%;animation-delay:-2s}.light-shards i:nth-child(5){left:90%;top:40%;animation-delay:-6s}.light-shards i:nth-child(6){left:45%;top:85%;animation-delay:-4s}.sound-bars i{animation:equalizer 1.7s ease-in-out infinite alternate;transform-origin:center}.sound-bars i:nth-child(2n){animation-delay:-.7s}.sound-bars i:nth-child(3){animation-delay:-1.2s}.principles{position:relative;background:linear-gradient(90deg,#0b131e,#11233299,#0b131e)}.principles::before{content:'';position:absolute;top:-1px;left:0;width:22%;height:1px;background:linear-gradient(90deg,transparent,#b3e5ff,transparent);animation:rail-light 12s linear infinite}.products .section-heading h2{font-size:44px}.featured-product .product-visual{background:radial-gradient(ellipse at 65% 50%,#3489b94d,transparent 65%),#102030}.product-card:hover{box-shadow:0 20px 55px #0005}.header{transition:box-shadow .4s,background .4s}.header.is-scrolled{box-shadow:0 12px 35px #0005;background:#080e17f5}.hero-actions .primary{box-shadow:0 0 0 4px #9bdaff07,0 8px 35px #69bfff24}.hero-actions .text-button>span:last-child{transition:translate .3s}.hero-actions .text-button:hover>span:last-child{translate:5px 0}
@keyframes heading-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes atmosphere-flow{to{translate:-7% 8%;scale:1.15}}@keyframes particle-rise{0%,100%{opacity:0;translate:0 12px}25%,65%{opacity:.8}80%{translate:12px -38px;opacity:0}}@keyframes equalizer{to{scale:1 .35}}@keyframes rail-light{from{translate:-100% 0}to{translate:455% 0}}
@media(max-width:1000px){.hero{min-height:650px}.hero-copy h1{font-size:60px}.hero-art{height:510px}.portal-caption{font-size:6px;letter-spacing:1px}}
@media(max-width:700px){.hero{min-height:0;padding-top:90px}.hero-copy h1{font-size:clamp(40px,10vw,64px);letter-spacing:-2.5px}.hero-art{height:390px;margin-top:24px}.hero-atmosphere{inset:0 -18px}.hero-atmosphere>div:first-child{width:120%;height:70%;top:30%}.hero-atmosphere>span{bottom:32px;font-size:30vw}.label-top{top:65px}.label-bottom{bottom:66px}.portal-caption{bottom:8px}.products .section-heading h2{font-size:32px}.portal-ring.ring-outer{animation-duration:120s}.hero-art .signal-corners{inset:30px 8px}}
@media(prefers-reduced-motion:reduce){.hero-copy .signal-title{color:#a6ddff;background:none}.light-shards i{opacity:.5}*,*::before,*::after{animation:none!important;transition:none!important}}
.plan-discount{display:flex;align-items:center;gap:10px;min-height:24px;margin-top:9px}.plan-discount:empty{display:none}.plan-discount del{color:#8299ad;font-size:13px}.discount-badge{display:inline-flex;background:#9cdbff15;color:#b8e8ff;border:1px solid #83c7f14a;border-radius:4px;font-size:10px;font-weight:600;padding:2px 7px}.purchase-summary .plan-discount{margin:0 0 9px}@media(max-width:700px){.plan-card .plan-discount{justify-content:flex-end;margin-top:0;position:absolute;top:42px;right:25px}.plan-card:has(.plan-discount:not(:empty)) .plan-price{top:72px}.plan-card:has(.plan-discount:not(:empty))>p{margin-top:35px}}