:root{color-scheme:dark;color:#f1edf6;background:#09090f;--gold:#e3c18b;--ease:cubic-bezier(.22,1,.36,1)}body{background:radial-gradient(ellipse at 90% 0,#30213b70,transparent 45%),#09090f;min-height:100vh}.shell{max-width:1080px;padding:30px 36px}button{touch-action:manipulation;transition:scale .2s}button:active{scale:.97}button:focus-visible,a:focus-visible{outline-color:var(--gold)}[hidden]{display:none!important}header{animation:arrive .7s var(--ease) both}.brand{letter-spacing:1.6px}.muted{color:var(--gold)}.logo{background:linear-gradient(140deg,#80634044,#15121b);border-color:#e3c18b55;color:var(--gold);border-radius:16px;box-shadow:inset 0 1px #fff2,0 9px 20px #0005;transform:rotate(-6deg)}.edition{color:#d5be99;border-color:#c5ab7b33;background:#c5ab7b08}.intro{position:relative;isolation:isolate;border-color:#d2af7533;background:linear-gradient(115deg,#17121c,#191b2b 60%,#2a202d);border-radius:26px;padding:26px 34px 0;box-shadow:inset 0 1px #ffffff0c,0 25px 65px #0003;animation:arrive .8s .1s var(--ease) both}.intro-copy{position:relative;z-index:2;width:75%}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px}h1{font-size:clamp(29px,4.3vw,46px);line-height:1.65;letter-spacing:-1.5px;margin:12px 0}h1 span{background:linear-gradient(110deg,#bd925d,#fff0d4,#d6b583);background-clip:text;-webkit-background-clip:text;color:transparent}.intro p{color:#b6aabe;font-size:15px;margin-bottom:19px}.intro-bottom{position:relative;z-index:2;border-color:#ffffff13;font-size:13px;color:#c7b6d0}.intro-bottom a{color:#e3c18b}.ambient{position:absolute;left:3%;top:2%;width:255px;aspect-ratio:1;display:grid;place-items:center;z-index:0;pointer-events:none;opacity:.8}.ambient>span{font:italic 800 90px Georgia,serif;letter-spacing:-14px;color:#c9ab7a;opacity:.3;transform:rotate(-12deg);text-shadow:0 10px 35px #e3c18b22}.ambient i{position:absolute;inset:9%;border:1px solid #e3c18b66;border-radius:50%;animation:orbit 16s linear infinite}.ambient i:nth-of-type(2){inset:0;border-color:#ad9bd84d;animation-direction:reverse;animation-duration:24s}.ambient i:nth-of-type(3){inset:20%;border-color:#e3c18ba1;animation-duration:12s}.notice{background:transparent;border:0;border-right:2px solid #cdb17f;border-radius:0;color:#aaa0b7;font-size:12px;padding:7px 12px;margin:20px 0}.navigation{padding:6px;background:#ffffff03;border:1px solid #ffffff13;border-radius:18px;margin:24px 0 30px}.navigation button{color:#afa3be;border:1px solid transparent;transition:background .3s,color .3s}.navigation .active{background:linear-gradient(130deg,#96744440,#c09a5720);border-color:#e3c18b24;color:#f0d4a7;box-shadow:inset 0 1px #ffffff0d}.navigation button:hover{color:#f0d4a7}h2{font-size:21px;line-height:1.7}.section-title>span{font-size:12px;color:#bba9c9;border:1px solid #ffffff18;border-radius:20px;padding:1px 10px}.filters{position:relative;isolation:isolate;border-radius:30px;background:#ffffff04;border-color:#ffffff15;width:220px;overflow:hidden}.filters:before{content:'';position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:25px;background:linear-gradient(130deg,#f0dcbb,#b69867);transition:transform .4s var(--ease);z-index:-1}.filters[data-selected=Cisco]:before{transform:translateX(100%)}.filters button{border-radius:25px;color:#b3a9bf;background:transparent}.filters .selected{color:#2a2115;background:transparent;font-weight:bold}.plans{gap:18px}.plan{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#23202e,#17151f 70%);border:1px solid #ffffff17;border-radius:22px;padding:25px;color:#eee9f4;box-shadow:inset 0 1px #ffffff09,0 12px 30px #0002;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}.plan:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--px,50%) var(--py,0%),#bda6f029,transparent 80%);opacity:.3;transition:opacity .3s}.plan:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff09,transparent)}.plan:hover{border-color:#dac09288;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);box-shadow:0 18px 40px #0006}.plan:hover:before{opacity:1}.plan:hover:after{animation:sheen .9s var(--ease)}.plan.unlimited{background:linear-gradient(140deg,#352b2988,#211b25 60%,#19151f);border-color:#d1af734d}.plan-top{color:#b9aeca;letter-spacing:1px;font-family:Arial,Tahoma,sans-serif}.badge{color:#cbb8e0;background:#b69ada12;border:1px solid #c9b0e820;font-size:12px;letter-spacing:0}.unlimited .badge{background:#d0ad7012;border-color:#d0ad702e;color:#e7ca9d}.volume{font-size:38px;line-height:1.8;margin-top:17px;letter-spacing:-1px}.unlimited .volume{color:#edd2aa}.volume small,.duration{color:#b1a5bf}.plan-bottom{border-color:#ffffff0f;padding-top:18px;gap:12px}.price{color:#c6bacf;font-size:14px}.choose{border:1px solid #e3c18b30;background:#ffffff04;color:#e5c99f;border-radius:10px;transition:background .3s,color .3s;padding:7px 14px;font-size:13px}.plan:hover .choose{background:#dfc193;color:#241b10}.footnote{color:#a99db5;font-size:12px}.info-card{background:linear-gradient(135deg,#2b2230,#17131e);border-color:#e3c18b30;border-radius:24px;padding:30px}.info-card p,.view>p{color:#b7abc5}.big-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #e3c18b40;border-radius:22px;background:#e3c18b08;color:#e3c18b;font-size:36px}.primary{background:linear-gradient(110deg,#bc9b65,#f1d9b4 50%,#c5a46e);border:1px solid #ffe8be55;color:#281f14;border-radius:14px;padding:14px 22px;box-shadow:0 8px 25px #d4b17a15;transition:filter .25s,transform .25s}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary:disabled{transform:none;filter:none}.steps p{border-color:#ffffff13}.steps b{color:#e3c18b;font-size:22px}.channel{color:#e3c18b}footer{border-color:#ffffff13;color:#9d8dad;font-size:12px}footer span:first-child{color:#c2a67d;letter-spacing:3px}dialog{background:linear-gradient(145deg,#2b2332,#16131e);border-color:#e3c18b50;border-radius:26px;box-shadow:0 30px 100px #000a}dialog[open]{animation:sheet .45s var(--ease)}dialog::backdrop{background:#03030cc4;backdrop-filter:blur(9px)}dialog p{color:#bcaec9}.close{border:1px solid #ffffff20;background:#ffffff05;border-radius:50%;width:36px;height:36px;line-height:1;font-family:Arial,sans-serif}.detail-price{color:#eed2a5;border-block:1px solid #ffffff12;padding:18px 0;font-size:25px}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{from{transform:rotateX(60deg) rotateZ(-32deg)}to{transform:rotateX(60deg) rotateZ(328deg)}}@keyframes sheen{to{transform:translateX(150%) skewX(-20deg)}}@keyframes sheet{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.shell{padding:20px 18px calc(110px + env(safe-area-inset-bottom))}.brand{font-size:14px;letter-spacing:1px}.edition{font-size:12px}.intro{padding:22px 23px 0}.intro-copy{width:95%}h1{font-size:29px;letter-spacing:-1px}.intro .eyebrow{font-size:10px;letter-spacing:2px}.intro p{font-size:14px}.ambient{width:200px;left:-65px;top:4%;opacity:.35}.intro-bottom{font-size:12px}.notice{font-size:12px;margin:18px 0 22px}.navigation{position:fixed;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;margin:0;padding:7px 4px;gap:3px;background:#1b1722ed;border-color:#d9b88435;backdrop-filter:blur(18px);box-shadow:0 -5px 35px #0005;border-radius:22px}.navigation button{font-size:12px;padding:15px 2px;border-radius:15px}h2{font-size:19px}.filters{width:200px}.plans{gap:12px}.plan{padding:18px 15px;border-radius:19px}.volume{font-size:29px}.volume small{font-size:14px}.price{font-size:12px}.plan-bottom{gap:13px;align-items:stretch}.choose{font-size:13px;padding:8px 5px}.footnote{font-size:12px}.info-card{padding:25px}.info-card p{font-size:15px}footer{font-size:12px;gap:12px}dialog[open]{margin:auto auto max(14px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:25px}}
@media(max-width:350px){.plans{grid-template-columns:1fr}.edition{display:none}.price{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.plan{transform:none!important}}