:root{--bg:#080a10;--card:#10141d;--line:#252c3a;--muted:#a4afc1;--cyan:#53f5de;--pink:#ff4578}
body{background:radial-gradient(ellipse 800px 570px at 90% 8%,#16283970,transparent),radial-gradient(ellipse 500px 500px at 4% 18%,#27132745,transparent),var(--bg)}
.wrap{width:min(1180px,calc(100% - 64px))}header{height:96px}.brand{font-size:20px;letter-spacing:-.04em;gap:13px}.brand>.small{border-left:1px solid #38404e;padding-left:12px;font-weight:400;letter-spacing:0}.mark{background:#142c2c;color:var(--cyan);box-shadow:none;border:1px solid #315550;border-radius:11px;width:40px;height:40px}.mark .icon{width:24px;height:24px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}nav a{transition:color .2s}nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid #364051;padding:9px 16px;border-radius:100px}
.hero{grid-template-columns:1.05fr 1fr;gap:80px;padding:92px 0 100px}.hero>div:first-child{animation:hero-enter .8s cubic-bezier(.2,.7,.2,1) both}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;color:#ccf8f2;background:#132622a6;border-color:#294a43;font-size:12px;letter-spacing:.08em;font-weight:600}.pill .icon{width:15px;height:15px}.hero h1{font-size:clamp(52px,6.3vw,78px);letter-spacing:-.06em;line-height:1.05;margin:25px 0}.hero h1 em{background:linear-gradient(95deg,#64ffe5,#6edfff 60%,#b5b2ff);background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{font-size:17px;line-height:1.75;max-width:420px}.actions{gap:12px;margin:30px 0 22px}.btn{border-radius:12px;padding:15px 21px;font-size:14px;background:#18202d;border-color:#303c50;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;position:relative}.btn.primary{background:var(--cyan);color:#071614;border-color:var(--cyan);box-shadow:0 4px 24px #53f5de18}.btn.primary:hover{box-shadow:0 8px 30px #53f5de35;background:#80ffe9}.btn:hover{transform:translateY(-3px);filter:none}.btn:active{transform:translateY(0) scale(.98)}.btn.secondary{background:transparent}.platform-note{display:flex;align-items:center;flex-wrap:wrap;gap:17px;font-size:13px;color:var(--muted)}.platform-note span{display:inline-flex;align-items:center;gap:7px}.platform-note .icon{width:16px;height:16px}.platform-note .divider{height:13px;width:1px;background:#3b4350}
.visual{padding:20px;border-radius:25px;background:linear-gradient(145deg,#172332,#0e131e 62%);border-color:#344151;box-shadow:0 32px 75px #0007,0 0 70px #51ddf009;transform:rotate(2deg);animation:preview-enter 1s cubic-bezier(.2,.7,.2,1) both}.preview-top{font-size:11px;letter-spacing:.06em;gap:8px}.preview-top>span:first-child{display:flex;align-items:center;gap:8px;color:#dde8f3}.preview-top .icon{width:16px;height:16px;color:var(--cyan)}.preview-tag{font-size:10px;padding:4px 8px;border-radius:5px;background:#26303f}.profile{background:#0c1018;border-color:#303b4c;border-radius:17px}.banner{position:relative;height:162px;padding:18px 22px;overflow:hidden;background:linear-gradient(120deg,#26e2c0,#3443a5 42%,#f34683 75%,#53eadd);background-size:250% 250%;animation:banner-color 12s ease-in-out infinite;text-align:right}.banner-label{display:block;font-size:10px;letter-spacing:.16em;line-height:1.4;font-weight:500;color:#efffff}.banner-title{display:block;font-size:40px;line-height:.95;letter-spacing:-.04em;margin-top:16px}.gif-label{position:absolute;left:16px;bottom:17px;border:1px solid #fff5;background:#09152565;border-radius:100px;padding:5px 8px;display:flex;align-items:center;gap:5px;font:500 10px 'DM Sans',sans-serif;letter-spacing:.04em}.gif-label .icon{width:12px;height:12px}.profile-body{padding:0 22px 22px}.avatar{width:64px;height:64px;border-color:#0c1018;background:linear-gradient(135deg,#d5fff8,#8ac5df);margin-top:-29px}.avatar .icon{width:29px;height:29px}.username{font-size:24px;margin-top:8px}.stats{gap:32px}.stats b{font-family:'Space Grotesk',sans-serif;font-size:19px}.profile-toolbar{display:flex;align-items:center;gap:8px;padding:13px 0 10px;color:#c8d2e0;font-size:11px;border-top:1px solid #26303f}.profile-toolbar .icon{width:15px;height:15px}.post{height:92px;border-radius:5px;background:linear-gradient(145deg,#293041,#151924);font-size:15px;letter-spacing:.02em}.post:nth-child(2){background:linear-gradient(145deg,#1e5b55,#173039)}.post:nth-child(3){background:linear-gradient(145deg,#683450,#2e2235)}.visual-note{font-size:11px}.swatch{width:13px;height:13px;border:0}
.section{padding:70px 0;border-color:#202735}.eyebrow{font-size:12px;letter-spacing:.14em}h2{font-size:clamp(30px,3.6vw,43px);letter-spacing:-.045em;line-height:1.13;margin:15px 0}.section-head{margin-bottom:32px}.section-head p{font-size:15px;line-height:1.75}.cards{gap:20px}.card{background:linear-gradient(135deg,#141c28,#10151e);padding:28px;border-radius:18px;border-color:#2a3444;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);border-color:#47736d;box-shadow:0 20px 40px #0003}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-icon{display:inline-grid;place-items:center;width:45px;height:45px;background:#153832;border:1px solid #2d5e54;color:var(--cyan);border-radius:12px}.feature-icon.pink{background:#3c1d31;color:#ff91b3;border-color:#6b354c}.feature-icon.violet{background:#272245;color:#b4a7ff;border-color:#4b4272}.feature-icon.muted-icon{background:#202937;color:#a9b8cc;border-color:#3a485d}.feature-icon .icon{width:22px;height:22px}.num{color:#8496ad;font-size:12px;letter-spacing:.05em}h3{margin:24px 0 12px;font-size:22px}.card p{line-height:1.7}.report-grid{grid-template-columns:1.2fr .8fr}.hash{padding:13px 14px;background:#090e17;border:1px solid #232d3c;border-radius:9px;font-family:monospace;font-size:12px;line-height:1.8!important}.report-grid .card:last-child{background:#0e131c}.report-grid .btn{font-size:14px}.strip{padding:40px;border:1px solid #34535b;background:radial-gradient(ellipse at 100% 0%,#18465380,transparent 60%),linear-gradient(110deg,#112426,#16182c);border-radius:22px}.strip h2{font-size:36px}.strip p{font-size:16px}footer{border-top:1px solid #202735;padding-top:30px}
details{padding:22px 0}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:400;color:#84a2a9;line-height:1;transition:transform .25s}details[open] summary:after{transform:rotate(45deg)}details[open] p{animation:panel-enter .3s ease-out}
dialog{padding:30px;border-radius:24px;background:linear-gradient(140deg,#182231,#0d131d);border:1px solid #46556c;box-shadow:0 32px 120px #0009;max-height:90dvh}dialog[open]{animation:modal-enter .35s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#050912b8;backdrop-filter:blur(12px)}dialog .dialog-head{padding-bottom:17px;border-bottom:1px solid #2c3748}dialog h2{font-size:38px;margin:28px 0 14px}.close{background:#253044;border:1px solid #3b4860;display:grid;place-items:center;transition:background .2s,transform .2s}.close:hover{background:#39465c;transform:rotate(90deg)}.close .icon{width:16px;height:16px}[data-panel]:not(.hidden){animation:panel-enter .3s ease-out}.device-options{gap:16px;margin-top:30px}.device-choice{padding:29px 18px;border-radius:18px;background:#151f2e;border-color:#35445b;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.device-choice:hover{transform:translateY(-4px);background:#1b3139;box-shadow:0 10px 25px #0003}.device-choice:active{transform:scale(.98)}.device-icon{display:grid;place-items:center;width:65px;height:65px;background:#1c3c3b;border:1px solid #315951;border-radius:19px;margin-bottom:8px}.device-icon .icon{width:35px;height:35px}.device-choice:nth-child(2) .device-icon{background:#2a2445;border-color:#48416b;color:#b7adff}.notice{border-radius:0 9px 9px 0;background:#16333278;line-height:1.7}.timer-label{display:flex;align-items:center;gap:8px}.timer-label .icon{width:15px;height:15px}#countdown{background:#102d29;border:1px solid #2a554c;border-radius:12px;padding:9px 14px;font-variant-numeric:tabular-nums}
@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-enter{from{opacity:0;transform:translateY(30px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes banner-color{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes modal-enter{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:62px}.actions{flex-direction:column;align-items:flex-start}.actions .btn{min-width:220px}.brand>.small{display:none}.preview-top{font-size:10px}.stats{gap:23px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{height:80px}.hero{grid-template-columns:1fr;padding:50px 0 64px;gap:50px}.hero h1{font-size:clamp(52px,10vw,75px)}.hero .lead{max-width:540px}.actions{flex-direction:row}.actions .btn{min-width:0}.visual{max-width:470px;transform:rotate(0);animation:hero-enter .8s ease both}.section{padding:48px 0}.report-grid{grid-template-columns:1fr}.strip{padding:28px}.strip h2{font-size:32px}.card{padding:25px}.platform-note{font-size:12px;gap:12px}}@media(max-width:420px){.wrap{width:calc(100% - 32px)}.brand{font-size:17px;gap:9px}.mark{width:34px;height:34px}nav{font-size:12px}.nav-cta{padding:7px 10px}.hero h1{font-size:52px}.hero .pill{font-size:10px}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.visual{padding:13px}.preview-top{font-size:9px}.visual-note{font-size:10px}.platform-note{gap:10px}.platform-note .divider{display:none}dialog{padding:22px}dialog h2{font-size:32px}.device-options{gap:12px}.device-choice{padding:24px 12px}.timer-row{gap:10px}#countdown{font-size:27px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}