/* ONE ARUA INU — V3 CULTURE FIRST EXPERIENCE
   Brand-first, accessible and motion-respectful. Existing v2 layout retained. */
:root{--purple-pop:#b88aff;--cold-blue:#c8f2ff;--neon:#b58aff}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden;background:#080611}
.hero h1,.story h2,.roadmap h2,.transparency h2,.community h2,.faq h2,.meme-lab h2,.generator-panel h3,.participation h2{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700}
.broadcast-bar{position:relative;z-index:9;min-height:35px;background:linear-gradient(90deg,#9869f1,#bca2f7 50%,#c7ebf9);color:#120d23;border-bottom:1px solid rgba(255,255,255,.18)}
.broadcast-inner{min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:9px;font-weight:900;letter-spacing:.11em}
.broadcast-inner i{font-style:normal;padding:0 11px;opacity:.45}.broadcast-bar a{border-bottom:1px solid currentColor;padding:4px 0;white-space:nowrap}.broadcast-tag,.broadcast-message{white-space:nowrap}
.site-header{position:sticky;top:0;height:80px;z-index:50;background:rgba(11,7,24,.81);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 40px rgba(4,2,12,.11)}
.nav{gap:22px}.nav a:not(.nav-join){font-size:10px}.brand-gem{box-shadow:inset 0 0 27px rgba(175,120,255,.26),0 0 18px rgba(123,75,210,.24)}
.hero-v3{padding-top:95px;padding-bottom:80px;min-height:710px;background:radial-gradient(ellipse at 71% 37%,rgba(109,40,185,.17),transparent 50%),linear-gradient(125deg,rgba(19,11,35,.8),rgba(5,5,14,.12))}
.hero-v3::after{content:"";position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:linear-gradient(90deg,transparent 97%,rgba(203,176,255,.13) 97%),linear-gradient(transparent 97%,rgba(203,176,255,.07) 97%);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 95%,transparent)}
.hero-grid{position:relative;z-index:2;gap:22px;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
.hero h1{font-size:clamp(60px,5.65vw,91px);line-height:.99;letter-spacing:-.077em;max-width:720px;white-space:nowrap;margin:28px 0 25px}
.hero h1 em{background-image:linear-gradient(105deg,#f3edff 0%,#b7edff 40%,#ac7cff 82%)}
.hero .stroke-word{color:#b38bfa}
.eyebrow{background:rgba(184,133,246,.075);border:1px solid rgba(184,133,246,.3);padding:12px 15px;box-shadow:inset 0 0 20px rgba(189,121,249,.05)}
.hero-blurb{max-width:550px;font-size:15px;line-height:1.85;color:#bdb3d1}.hero-blurb strong{color:#f2edfb}
.hero-actions{margin-top:24px}.btn{font-family:Inter,sans-serif}.btn-primary{background:linear-gradient(105deg,#c3a4ff,#9665f9);box-shadow:0 14px 30px rgba(131,67,253,.19)}
.hero-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.hero-benefits span{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#ab9cbe;letter-spacing:.055em;font-weight:800}.hero-benefits b{color:#b393e9}
.market-mini{display:flex;gap:12px;align-items:center;max-width:540px;margin-top:22px;border:1px solid rgba(178,134,253,.3);border-radius:13px;background:linear-gradient(98deg,rgba(143,92,238,.14),rgba(32,22,58,.45));padding:13px 16px;transition:border-color .2s,transform .2s}.market-mini:hover{border-color:#c3a8f8;transform:translateY(-2px)}
.market-mini-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#c8e9fb;box-shadow:0 0 12px rgba(195,232,254,.65)}
.market-mini-label{display:flex;flex-direction:column;gap:5px;color:#dfd1f0;font-size:10px;font-weight:900;letter-spacing:.12em;flex:1}.market-mini-label small{letter-spacing:0;font-size:10px;font-weight:500;color:#8c80a4}
.market-mini strong{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.04em;color:#dfc4ff;white-space:nowrap}.mini-market-arrow{font-size:16px;color:#bcb0d0}
.contract-mini{margin-top:17px;border-color:rgba(173,139,218,.22);background:rgba(13,9,27,.86)}
.hero-art{height:580px}.hero-art::before{background:radial-gradient(circle,rgba(174,91,255,.3),rgba(116,57,210,.10) 52%,transparent 70%)}
.mascot-frame{max-width:492px;width:84%;border:4px solid rgba(197,158,255,.83);box-shadow:0 0 0 15px rgba(180,110,255,.05),0 0 0 16px rgba(176,138,255,.14),0 35px 100px rgba(97,44,182,.50),inset 0 0 60px rgba(173,105,253,.27)}
.mascot-frame img{transform:scale(1.31) rotate(5deg);filter:saturate(1.15) contrast(1.11)}
.art-tag{box-shadow:0 12px 50px rgba(11,6,27,.6);border-color:rgba(200,174,255,.27)!important}
.hero-art-word{position:absolute;z-index:0;top:5%;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.11em;transform:rotate(-13deg);font-size:clamp(96px,15vw,230px);-webkit-text-stroke:1px rgba(208,175,255,.14);color:transparent;text-shadow:0 0 45px rgba(151,83,235,.14);pointer-events:none}
.art-volume-tag{position:absolute;z-index:4;right:1%;bottom:0;font-size:9px;letter-spacing:.2em;color:#9183b3;writing-mode:vertical-rl}
.floating-diamond{animation:diamondFloat 6s ease-in-out infinite}.diamond-two{animation-delay:-2s}
@keyframes diamondFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.signature-banner{position:relative;overflow:hidden;background:#b99bf9;color:#100a20;padding:32px 0}
.signature-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.signature-glyph{font-size:65px;line-height:1}.signature-inner p{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,40px);line-height:1.04;font-weight:700;letter-spacing:-.05em;margin:0}.signature-inner p strong{color:#f3faff}.signature-side{font-size:10px;letter-spacing:.12em;max-width:145px;line-height:1.7;font-weight:850}
.story{background:radial-gradient(ellipse at 5% 90%,rgba(151,79,231,.085),transparent 50%)}
.feature-card{transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(183,140,255,.55);box-shadow:0 25px 70px rgba(22,9,46,.5)}
/* MEME LAB */
.meme-lab{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,rgba(114,46,200,.18),transparent 55%),#0b0718;border-top:1px solid rgba(181,145,249,.15);border-bottom:1px solid rgba(181,145,249,.15)}
.meme-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 111px,rgba(171,126,255,.026) 112px);opacity:.8}
.meme-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:32px;margin:33px 0 38px}
.meme-head h2{font-size:clamp(48px,6.6vw,92px);line-height:.99;letter-spacing:-.075em;margin:18px 0 0}.meme-head h2 span{color:#b58af5}.meme-period{color:#e8d5fd}
.meme-head p{font-size:14px;max-width:302px;line-height:1.8;color:#aaa0bb;margin:0 0 9px}
.meme-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.meme-tile{min-height:500px;border:1px solid rgba(202,174,255,.24);border-radius:18px;overflow:hidden;position:relative;isolation:isolate;padding:23px;transition:transform .25s,box-shadow .25s}
.meme-tile:hover{transform:translateY(-8px);box-shadow:0 30px 90px rgba(35,11,65,.56)}
.meme-topline{position:relative;z-index:4;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;font-weight:850}
.meme-tile-copy{position:absolute;z-index:3;bottom:23px;left:23px;right:23px}.meme-tile-copy>span{font-size:10px;font-weight:900;letter-spacing:.16em}.meme-tile-copy h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(46px,4.1vw,67px);line-height:.91;letter-spacing:-.076em;margin:17px 0}.meme-tile-copy h3 i{font-style:normal;color:#b68af5}.meme-tile-copy p{font-size:12px;letter-spacing:.01em;opacity:.85}
.meme-featured{background:linear-gradient(180deg,#39235f 0%,#1a0e31 60%,#0f091c 100%)}
.meme-featured::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;left:50%;top:-72px;translate:-50% 0;border:1px solid rgba(216,169,255,.35);box-shadow:0 0 0 20px rgba(209,145,255,.025),0 0 75px rgba(166,69,240,.4)}
.meme-featured img{position:absolute;z-index:1;top:6%;right:-8%;width:105%;height:72%;object-fit:cover;object-position:50% 39%;border-radius:55%;filter:contrast(1.08) saturate(1.12);opacity:.91;mask-image:linear-gradient(#000 62%,transparent 99%)}
.meme-featured .meme-tile-copy h3{color:#fff;text-shadow:0 4px 20px #190a32}.meme-featured .meme-tile-copy h3 i{color:#d1a8ff}
.meme-purple{background:radial-gradient(circle at 60% 30%,rgba(235,195,255,.36),transparent 42%),linear-gradient(140deg,#8b4ce2,#3d1c78 55%,#201037)}
.meme-giant-icon{position:absolute;top:5%;right:-20px;font-size:360px;font-weight:100;color:rgba(247,230,255,.28);text-shadow:0 0 90px rgba(255,242,255,.28);line-height:1}
.meme-purple .meme-tile-copy h3 i{color:#d9fcff}
.meme-ice{color:#070f23;background:linear-gradient(143deg,#e0fbff,#9bd7fc 55%,#8f95ff 100%);border-color:#add8f9}.meme-ice .meme-tile-copy h3 i{color:#5f41c5}.meme-snow{position:absolute;right:-50px;top:56px;font-size:300px;color:rgba(255,255,255,.36);line-height:1;transform:rotate(-20deg)}.meme-ice .meme-tile-copy p{color:#1a2851}
.generator-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;margin-top:22px;background:linear-gradient(115deg,rgba(79,46,121,.35),rgba(29,18,53,.4));border:1px solid rgba(194,155,251,.3);border-radius:18px;padding:30px}
.generator-copy{padding:17px 8px}.generator-copy h3{font-size:clamp(38px,4vw,60px);letter-spacing:-.07em;line-height:1;margin:20px 0}.generator-copy h3 em{font-style:normal;color:#c6a4ff}.generator-copy p{font-size:13px;max-width:370px;line-height:1.9;color:#afa3c2}
.generator-console{background:#100b20;border:1px solid rgba(188,151,251,.23);border-radius:13px;padding:24px;min-width:0}.generator-caption-label{display:flex;align-items:center;gap:8px;color:#baaad5;font-size:10px;font-weight:900;letter-spacing:.13em}.generator-live{width:7px;height:7px;border-radius:50%;background:#c8eeff;box-shadow:0 0 16px #c6e8fb}.generator-count{margin-left:auto;color:#7f7494}
.generator-caption{display:flex;align-items:center;min-height:124px;margin:22px 0;color:#f8f3ff;font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.6vw,33px);letter-spacing:-.05em;line-height:1.35;font-weight:700}
.generator-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.generator-buttons .btn{padding:15px;font-size:10px}.text-cta{font-size:10px;font-weight:900;color:#c6acfa;letter-spacing:.04em;padding:12px 4px}.text-cta:hover{text-decoration:underline;text-underline-offset:5px}.generator-feedback{display:block;min-height:18px;margin-top:9px;color:#b3ebfa;font-size:11px}
/* Participation & community */
.participation{border-top:1px solid rgba(207,186,255,.15);border-bottom:1px solid rgba(207,186,255,.15);background:linear-gradient(120deg,#281640,#100d1e);padding:34px 0}
.participation-inner{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:21px;align-items:center}.participation-head h2{font-size:clamp(36px,4vw,58px);line-height:.95;letter-spacing:-.075em;margin:12px 0}.participation-head h2 em{color:#b98afa;font-style:normal}
.participation-step{padding-left:17px;border-left:1px solid rgba(200,175,255,.25);min-height:94px}.participation-step>span{font-size:10px;letter-spacing:.1em;color:#b69be9;font-weight:900}.participation-step strong{display:block;margin-top:15px;font-size:14px}.participation-step p{font-size:12px;color:#aaa0bb;line-height:1.6}
.community{background:radial-gradient(ellipse at 50% 30%,rgba(119,57,200,.19),transparent 60%)}
.community-links a{transition:transform .25s,border-color .25s,background .25s}.community-links a:hover{transform:translateY(-4px);border-color:rgba(196,158,255,.55)}
/* Micro UX improvements */
.section-lead{letter-spacing:.03em}.section-no{color:#be9af9}.market-spotlight{box-shadow:0 25px 95px rgba(27,11,60,.31)}
.token-card,.feature-card,.milestone{backdrop-filter:blur(12px)}.token-address{overflow-wrap:anywhere}
.footer{border-top:1px solid rgba(209,176,255,.25)}
/* Scroll entrance, never hide content without JS */
.has-js .rise-in{transition:opacity .65s ease,transform .65s ease;opacity:0;transform:translateY(22px)}
.has-js .rise-in.is-visible{opacity:1;transform:none}
@media(max-width:1250px){.hero h1{font-size:clamp(48px,5.3vw,70px)}.meme-tile{min-height:450px}.meme-tile-copy h3{font-size:clamp(43px,4.3vw,61px)}.nav{gap:17px}.nav .nav-join{padding:12px 17px}}
@media(max-width:1020px){.broadcast-message{display:none}.hero-v3{padding-top:70px}.hero-art{height:470px}.meme-tile{min-height:410px;padding:17px}.meme-tile-copy{left:17px;right:17px;bottom:17px}.meme-tile-copy h3{font-size:clamp(38px,4.7vw,58px)}.participation-inner{grid-template-columns:repeat(3,1fr)}.participation-head{grid-column:1/-1}}
@media(max-width:760px){.broadcast-inner{font-size:8px}.broadcast-tag{letter-spacing:.05em}.site-header{height:76px}.hero-v3{padding-top:43px;padding-bottom:65px;min-height:auto}.hero-grid{display:flex;flex-direction:column;gap:12px}.hero-copy{width:100%}.hero h1{font-size:clamp(43px,9.5vw,71px);letter-spacing:-.073em;white-space:normal;margin-top:22px}.hero-blurb{font-size:14px}.hero-art{width:100%;height:400px;margin-top:7px}.mascot-frame{max-width:320px}.hero-art-word{font-size:140px}.art-volume-tag{right:7%;bottom:15px}.signature-inner{gap:14px}.signature-inner p{font-size:clamp(18px,4vw,27px)}.signature-glyph{font-size:36px}.signature-side{display:none}.meme-head{flex-direction:column;align-items:start;margin-bottom:25px}.meme-head h2{font-size:clamp(43px,8vw,68px)}.meme-head p{max-width:500px}.meme-grid{grid-template-columns:1fr 1fr}.meme-tile{min-height:420px}.meme-featured{grid-column:1/-1;min-height:480px}.meme-featured img{right:2%;width:68%;height:94%;top:2%;mask-image:linear-gradient(#000 60%,transparent 98%)}.meme-featured .meme-tile-copy h3{font-size:70px}.meme-tile-copy h3{font-size:46px}.generator-panel{grid-template-columns:1fr;padding:20px}.generator-copy{padding:10px 7px 0}.generator-console{padding:21px}.generator-caption{min-height:70px}.participation-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.participation-head{grid-column:1/-1}.participation-step:last-child{grid-column:1/-1}}
@media(max-width:490px){.container{width:min(calc(100% - 34px),var(--content))}.brand-wordmark strong{font-size:12px}.brand-wordmark small{font-size:8px}.brand-gem{width:40px;height:40px}.hero h1{font-size:clamp(41px,10.4vw,59px)}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero-actions .btn{padding:14px 16px;font-size:10px}.hero-art{height:340px}.mascot-frame{max-width:275px}.hero-benefits{gap:7px}.hero-benefits span{font-size:8px}.market-mini{gap:8px;padding:11px}.market-mini strong{font-size:17px}.market-mini-label{font-size:9px}.market-mini-label small{font-size:9px}.meme-grid{grid-template-columns:1fr}.meme-featured{grid-column:auto;min-height:460px}.meme-tile{min-height:390px}.meme-featured img{width:98%;height:85%;right:-5%}.meme-featured .meme-tile-copy h3{font-size:60px}.meme-tile-copy h3{font-size:59px}.generator-panel{padding:14px}.generator-copy h3{font-size:42px}.generator-buttons .btn{font-size:9px;padding:12px}.participation-inner{grid-template-columns:1fr}.participation-head{grid-column:auto}.participation-step:last-child{grid-column:auto}.broadcast-bar a{font-size:8px}.footer{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-diamond{animation:none}.meme-tile:hover,.feature-card:hover{transform:none}.has-js .rise-in{transition:none;transform:none;opacity:1}}
.mobile-mini-shiba{display:none}
@media(max-width:490px){.mobile-mini-shiba{display:block;float:right;width:92px;height:92px;object-fit:cover;object-position:center 40%;border-radius:24px;border:1px solid rgba(196,152,255,.56);margin:0 0 7px 12px;box-shadow:0 5px 40px rgba(138,61,228,.4);transform:rotate(5deg)}.hero-blurb{min-height:95px}}

/* V4: official high-resolution mascot image and responsive premium art direction */
.hero-art{isolation:isolate}
.hero-art::before{width:100%;height:100%;left:0;top:0;filter:blur(35px);background:radial-gradient(circle at center,rgba(180,94,255,.3),rgba(74,28,151,.06) 63%,transparent 74%)}
.hero-art .mascot-frame{width:92%;max-width:520px;aspect-ratio:1;border-radius:30px;transform:rotate(-2deg);background:#11081f;border:2px solid rgba(223,176,255,.66);box-shadow:0 0 0 7px rgba(147,66,217,.09),0 0 0 9px rgba(201,148,255,.15),0 35px 105px rgba(104,37,179,.55),inset 0 0 45px rgba(163,90,253,.23)}
.hero-art .mascot-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none;filter:contrast(1.025) saturate(1.04)}
.hero-art .mascot-frame::after{background:linear-gradient(180deg,rgba(32,11,65,.04) 30%,rgba(9,4,23,.05) 100%)}
.hero-art .mascot-shine{opacity:.25}
.hero-art .art-tag-top{top:10%;right:-1%}
.hero-art .art-tag-bottom{bottom:10%;left:-2%}
.hero-art .art-serial{bottom:1%}
.meme-featured img{width:100%;height:79%;right:0;top:0;object-position:50% 34%;object-fit:cover;border-radius:0;mask-image:linear-gradient(#000 55%,transparent 97%);filter:contrast(1.05) saturate(1.08)}
.mobile-mini-shiba{object-position:center!important}
@media(max-width:1020px){.hero-art .mascot-frame{max-width:410px;width:87%}.hero-art{height:470px}}
@media(max-width:760px){.hero-art{height:min(92vw,440px);min-height:290px;margin-top:18px}.hero-art .mascot-frame{width:min(82vw,385px);max-width:none;border-radius:23px}.hero-art .art-tag-top{right:0;top:8%}.hero-art .art-tag-bottom{bottom:9%;left:-1%}.meme-featured img{width:100%;height:88%;right:0;top:0}}
@media(max-width:490px){.hero-art{height:355px;margin-top:17px}.hero-art .mascot-frame{width:min(80vw,316px);border-radius:18px}.hero-art .art-tag{padding:8px 10px}.hero-art .art-tag-top{right:-1%;top:7%}.hero-art .art-tag-bottom{left:0;bottom:7%}.meme-featured img{width:100%;height:82%;right:0;top:0;object-position:center 35%}}
@media(prefers-reduced-motion:reduce){.hero-art .mascot-frame{transition:none}}