/* Astolfo Visuals 4.0 — One UI inspired, original brand styling */
:root{--oneui-accent:#a88aff;--oneui-glow:rgba(158,115,255,.27);--oneui-outline:rgba(206,201,255,.18);--oneui-radius:34px;--oneui-shadow:0 20px 70px rgba(0,0,0,.25)}
body{background:#080a17;letter-spacing:-.012em}body::before{background:radial-gradient(ellipse 48% 35% at 95% 3%,rgba(90,80,210,.22),transparent 100%),radial-gradient(ellipse 35% 42% at 0% 42%,rgba(33,72,140,.15),transparent 100%),#080a17}
:root[data-oneui-theme="blue"]{--oneui-accent:#6dbdff;--oneui-glow:rgba(89,172,255,.28)}:root[data-oneui-theme="pink"]{--oneui-accent:#ff93d3;--oneui-glow:rgba(255,113,197,.28)}:root[data-oneui-theme="mint"]{--oneui-accent:#6fe3c4;--oneui-glow:rgba(93,237,197,.27)}
.site-header{top:12px;left:12px;right:12px;inset:auto 12px auto;top:12px;border-radius:28px;background:rgba(18,21,42,.64)!important;border:1px solid rgba(231,226,255,.12);backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45);box-shadow:0 10px 48px rgba(0,0,0,.2)}.site-header.scrolled{background:rgba(17,20,40,.9)!important;border:1px solid rgba(231,226,255,.2)}.nav-wrap{height:72px;max-width:1390px}.nav a{border-radius:100px;padding:9px 12px;transition:background .25s,transform .25s,color .25s}.nav a:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.nav a.active{background:rgba(168,138,255,.16)}.nav-download{border-radius:100px!important;background:linear-gradient(135deg,#8168f6,#b78eff)!important;border-color:transparent!important;box-shadow:0 8px 25px rgba(128,101,255,.23)}
.hero{background:radial-gradient(ellipse 45% 38% at 77% 35%,rgba(142,98,255,.11),transparent 90%)}.hero-visual::before{content:"";position:absolute;inset:12%;background:radial-gradient(circle,rgba(180,151,255,.2),transparent 60%);filter:blur(22px);animation:oneuiPulse 7s ease-in-out infinite;pointer-events:none}.logo-platform{filter:drop-shadow(0 20px 45px rgba(178,141,255,.3))}.hero-mark{animation:oneuiFloat 6s ease-in-out infinite}.hero-copy .pill{border-radius:100px;background:rgba(160,126,255,.1);border-color:rgba(172,151,255,.27)}
.btn,.nav-download{transition:transform .35s cubic-bezier(.2,.9,.25,1.4),box-shadow .35s,filter .35s;border-radius:19px}.btn:hover,.nav-download:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 42px var(--oneui-glow)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(115deg,#6855db,var(--oneui-accent));border-color:transparent}
.section{padding-top:105px;padding-bottom:105px}.section-head h2,.launcher-info h2,.faq-layout h2{letter-spacing:-.07em}.section-tag{color:var(--oneui-accent);letter-spacing:.19em}.gradient{background:linear-gradient(100deg,#e4d9ff 0%,var(--oneui-accent) 55%,#87bdff);background-clip:text;-webkit-background-clip:text;color:transparent}
.feature,.feature-large,.feature-wide,.version-feature,.story-statement,.playground,.community-banner,.launcher-window{border-radius:var(--oneui-radius)!important;box-shadow:var(--oneui-shadow);border-color:var(--oneui-outline)!important}.feature{background:linear-gradient(145deg,rgba(37,41,77,.9),rgba(16,20,45,.92))!important;transition:transform .5s cubic-bezier(.2,.9,.25,1.25),box-shadow .5s,border-color .35s;isolation:isolate;overflow:hidden}.feature::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),var(--oneui-glow),transparent 65%);opacity:0;transition:opacity .3s;z-index:-1}.feature:hover{transform:translateY(-8px) scale(1.01)!important;box-shadow:0 25px 75px rgba(0,0,0,.27),0 10px 40px var(--oneui-glow);border-color:rgba(183,167,255,.4)!important}.feature:hover::after{opacity:.72}.feature-icon,.module-icon{border-radius:16px!important}
.playground{overflow:hidden}.pg-nav{border-radius:17px!important}.pg-nav.active{background:linear-gradient(90deg,rgba(148,118,255,.25),rgba(148,118,255,.08))}.switch{transition:background .3s,box-shadow .3s;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.switch[aria-checked="true"]{box-shadow:0 0 0 4px rgba(175,147,255,.1)}.module{transition:background .3s,transform .3s}.module:hover{transform:translateX(4px)}
.oneui-section{position:relative;background:radial-gradient(ellipse 65% 55% at 65% 50%,rgba(91,88,188,.12),transparent 90%)}.oneui-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:35px}.oneui-header h2{font-size:clamp(44px,5vw,73px);line-height:1.06;letter-spacing:-.08em;margin:22px 0}.oneui-header p{font-size:14px;color:#b5bed7;max-width:670px;line-height:1.8}.oneui-emblem{width:132px;min-width:132px;height:132px;border-radius:45px;display:grid;place-items:center;background:linear-gradient(145deg,#353265,#141830);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 22px 58px rgba(60,49,160,.26);transform:rotate(-10deg)}.oneui-emblem img{width:92px;height:92px;object-fit:contain;animation:oneuiFloat 6s ease-in-out infinite}
.oneui-board{position:relative;border:1px solid rgba(197,191,255,.19);border-radius:42px;padding:28px;background:linear-gradient(135deg,#24263f,#12182c 65%,#1b1b3a);box-shadow:0 28px 90px #0005,inset 0 1px 0 #ffffff24;overflow:hidden}.oneui-board::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;top:-490px;right:-80px;background:radial-gradient(circle,var(--oneui-glow),transparent 75%);pointer-events:none}.oneui-dashboard-head,.oneui-board-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative}.oneui-kicker,.oneui-preview-chip{font-size:10px;font-weight:800;letter-spacing:.12em;color:#d9d9ff}.oneui-preview-chip{background:#ffffff12;border:1px solid #ffffff20;border-radius:100px;padding:9px 13px}.online-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#70e4b3;box-shadow:0 0 12px #70e4b3;animation:oneuiPulse 3s ease-in-out infinite}
.oneui-dashboard-grid{display:grid;grid-template-columns:1.32fr 1fr 1fr;grid-template-rows:165px 165px;gap:15px;margin:23px 0}.oneui-dashboard-grid>div{min-width:0;border:1px solid #ffffff14;border-radius:28px;padding:24px;position:relative;overflow:hidden;transition:transform .35s,background .35s,box-shadow .35s}.oneui-dashboard-grid>div:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0004}.oneui-primary-tile{grid-row:span 2;background:linear-gradient(135deg,#564ca4, #372967 55%,#24233c);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.oneui-tile-eyebrow{font-size:10px;letter-spacing:.19em;color:#dad1ff;font-weight:800}.oneui-primary-tile h3{font-size:clamp(31px,3.5vw,52px);font-weight:800;line-height:1.13;letter-spacing:-.075em;margin:14px 0}.oneui-primary-tile h3 span{color:#c7acff}.oneui-primary-tile p{font-size:13px;max-width:260px;color:#eee9ff;line-height:1.7}.oneui-accent-picker{display:flex;gap:12px;z-index:2;margin-top:18px}.oneui-swatch{width:36px;height:36px;border-radius:50%;border:3px solid transparent;background:#a88aff;transition:transform .25s,box-shadow .25s}.oneui-swatch:nth-child(2){background:#6dbdff}.oneui-swatch:nth-child(3){background:#ff93d3}.oneui-swatch:nth-child(4){background:#6fe3c4}.oneui-swatch:hover{transform:scale(1.12)}.oneui-swatch.current{outline:2px solid white;outline-offset:4px}.oneui-decoration{position:absolute;right:-45px;top:-20px;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff24}.oneui-decoration span{position:absolute;inset:20px;border:1px solid #ffffff21;border-radius:50%}.oneui-decoration span:nth-child(2){inset:50px}.oneui-decoration span:nth-child(3){inset:80px;background:#ffffff13}
.oneui-small-tile{background:#282d48;display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.oneui-small-tile:nth-child(3){background:#332c4c}.oneui-tile-icon{font-size:28px;color:var(--oneui-accent);line-height:1}.oneui-small-tile>div{flex:1}.oneui-small-tile h3{font-size:17px;margin:2px 0 5px}.oneui-small-tile p{margin:0;font-size:11px;color:#abb5cf;line-height:1.6}.oneui-switch{flex-shrink:0;align-self:flex-end;border:0;border-radius:100px;width:47px;height:27px;padding:3px;background:#5c637d;transition:background .3s}.oneui-switch span{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .35s cubic-bezier(.2,.9,.2,1.3)}.oneui-switch[aria-checked="true"]{background:var(--oneui-accent)}.oneui-switch[aria-checked="true"] span{transform:translateX(20px)}
.oneui-status-tile{background:#202844;display:flex;align-items:center;gap:15px}.oneui-status-secondary{background:#28213e}.status-large-icon{font-size:34px;color:var(--oneui-accent)}.oneui-status-tile>div{display:flex;flex-direction:column;min-width:0}.oneui-status-tile small{font-size:9px;letter-spacing:.1em;color:#929fbc}.oneui-status-tile strong{font-size:16px;white-space:normal}.oneui-status-tile>div>span{font-size:10px;color:#aeb8d1}.status-pip{margin-left:auto;color:#81edb2}.oneui-status-tile>a{display:grid;place-items:center;margin-left:auto;min-width:34px;height:34px;border-radius:12px;background:#ffffff16;font-size:19px;transition:background .25s,transform .25s}.oneui-status-tile>a:hover{background:var(--oneui-accent);transform:translateY(-2px)}
.oneui-board-bottom{border-top:1px solid #ffffff17;padding:20px 3px 0;color:#adb6d0;font-size:11px}.oneui-board-bottom button{border:1px solid #ffffff25;background:#ffffff10;color:white;padding:10px 18px;border-radius:100px;transition:background .25s}.oneui-board-bottom button:hover{background:#ffffff20}
.back-to-top{position:fixed;right:25px;bottom:24px;z-index:35;width:52px;height:52px;border-radius:18px;border:1px solid #c2baff33;color:#fff;background:#33365bcc;backdrop-filter:blur(18px);box-shadow:0 10px 30px #0005;font-size:23px;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .3s,transform .3s}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#5852a3}
/* User control / accessibility */
html.oneui-no-motion *,html.oneui-no-motion *::before,html.oneui-no-motion *::after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}html.oneui-no-motion .reveal{opacity:1;transform:none}html.oneui-no-glow .feature::after,html.oneui-no-glow .pointer-glow,html.oneui-no-glow .hero-aura,html.oneui-no-glow .hero-halo{display:none!important}
@keyframes oneuiFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes oneuiPulse{0%,100%{opacity:.6;scale:.96}50%{opacity:1;scale:1.05}}
@media(max-width:1100px){.oneui-dashboard-grid{grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(3,150px)}.oneui-primary-tile{grid-row:span 2}.oneui-small-tile:nth-child(3){grid-column:2}.oneui-status-tile{grid-row:3}.oneui-status-secondary{grid-column:2}}
@media(max-width:820px){.site-header{left:9px;right:9px;top:9px}.nav{top:78px;left:8px;right:8px;border-radius:25px;padding:18px 22px;border:1px solid #ffffff1e}.nav-wrap{height:70px}.oneui-emblem{width:100px;height:100px;min-width:100px;border-radius:30px}.oneui-emblem img{width:69px;height:69px}}
@media(max-width:600px){.site-header{border-radius:22px}.oneui-header{align-items:flex-start}.oneui-header h2{font-size:clamp(36px,10vw,52px)}.oneui-emblem{width:72px;height:72px;min-width:72px;border-radius:24px}.oneui-emblem img{width:48px;height:48px}.oneui-board{padding:15px;border-radius:28px}.oneui-dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.oneui-primary-tile{grid-column:1/-1;grid-row:auto;min-height:245px}.oneui-small-tile,.oneui-small-tile:nth-child(3){grid-column:auto;min-height:170px}.oneui-status-tile{grid-row:auto;grid-column:1/-1;min-height:100px}.oneui-status-secondary{grid-column:1/-1}.oneui-dashboard-grid>div{padding:18px;border-radius:23px}.oneui-tile-icon{font-size:24px}.oneui-small-tile{flex-direction:column;gap:5px}.oneui-small-tile h3{font-size:15px}.oneui-small-tile p{font-size:10px}.oneui-small-tile .oneui-switch{align-self:flex-end;margin-top:auto}.oneui-board-bottom{flex-wrap:wrap}.oneui-preview-chip{font-size:8px}.back-to-top{bottom:18px;right:16px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.oneui-emblem img,.hero-mark,.hero-visual::before,.online-dot{animation:none!important}}