:root{color-scheme:dark;--bg:#100b10;--panel:#171117;--text:#f7f1f4;--muted:#aaa0a9;--red:#fa4966;--pink:#ff9aaa;--line:rgba(255,255,255,.11);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:78px;padding:0 max(5vw,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:5;background:rgba(16,11,16,.94)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.13em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,116,140,.65);border-radius:11px;background:linear-gradient(145deg,#fa4966,#8c2445);box-shadow:0 0 24px rgba(250,73,102,.2);font-size:19px;letter-spacing:0}.brand-dot{color:var(--red)}.nav-links{display:flex;gap:34px;align-items:center;color:#c3b9c2;font-size:13px}.nav-links>a:not(.nav-cta):hover,.footer>a:last-child:hover{color:white}.nav-cta{padding:10px 17px;border:1px solid rgba(250,73,102,.5);border-radius:7px;background:rgba(250,73,102,.1);color:#ffe9ed;font-weight:600}.nav-cta span,.button span{margin-left:9px}.menu-toggle{display:none}.section-wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:680px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:35px;position:relative;padding-top:52px;padding-bottom:104px}.hero-copy{max-width:590px;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.17em;font-weight:700;color:#dbabb7}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.status-dot,.caption-dot{width:7px;height:7px;border-radius:50%;background:#ff5b76;box-shadow:0 0 12px #ff5b76}.hero h1,.section-heading h2,.intro h2,.how h2,.faq h2,.closing h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;font-size:clamp(42px,5.5vw,69px);line-height:1.08;margin:0;font-weight:500}.hero h1 em,.intro h2 em,.section-heading h2 em,.how h2 em,.faq h2 em,.closing h2 em{font-style:normal;color:var(--pink)}.hero-lede{max-width:510px;color:#b8adb6;font-size:16px;margin:24px 0 28px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:13px}.button{min-height:48px;padding:0 19px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#f34b67,#bd3159);color:white;box-shadow:0 8px 28px rgba(201,40,77,.22)}.button-quiet{color:#d3c7d0}.play-icon{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-right:9px;color:#ffc0cc}.hero-note{display:flex;align-items:center;gap:11px;color:#807681;font-size:11px;margin-top:44px}.note-line{width:30px;height:1px;background:#c95a71}.hero-art{height:480px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:30px 0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.portrait-frame{width:min(350px,75%);height:416px;border:1px solid rgba(255,159,177,.32);border-radius:180px 180px 22px 22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 32%,rgba(245,112,145,.33),transparent 40%),linear-gradient(155deg,#34202c,#1d111b 56%,#140d14);box-shadow:0 0 90px rgba(194,52,94,.17),inset 0 0 60px rgba(255,146,168,.06)}.portrait-frame:before,.portrait-frame:after{content:'';position:absolute;border:1px solid rgba(255,174,190,.19);border-radius:50%;width:225px;height:300px;top:48px}.portrait-frame:after{width:185px;height:256px;top:66px;border-color:rgba(255,174,190,.12)}.portrait-glow{position:absolute;width:195px;height:195px;border-radius:50%;background:#e77c9a;filter:blur(76px);opacity:.32;transform:translateY(-40px)}.portrait-letter{font-family:'Space Grotesk',sans-serif;font-size:clamp(140px,20vw,235px);font-weight:600;line-height:1;color:rgba(255,228,235,.83);text-shadow:0 10px 60px rgba(255,82,124,.55);transform:translateY(-17px)}.portrait-caption{position:absolute;z-index:1;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(22,12,19,.76);border:1px solid rgba(255,255,255,.1);border-radius:9px;backdrop-filter:blur(12px);font-size:12px}.portrait-caption small{display:block;color:#a79ba6;font-size:10px}.caption-spark{margin-left:auto;color:#ff8098}.float-card{position:absolute;z-index:2;padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(30,20,29,.88);box-shadow:0 12px 35px rgba(0,0,0,.28);font-size:11px;color:#e6dce3;display:flex;align-items:center;gap:9px;backdrop-filter:blur(12px)}.card-top{top:87px;right:0}.card-bottom{bottom:75px;left:0}.tiny-icon{color:#ff8198;font-size:16px}.wave{display:flex;align-items:center;gap:2px;height:16px}.wave i{width:2px;border-radius:3px;background:#ff7891;height:7px}.wave i:nth-child(2),.wave i:nth-child(4){height:13px}.wave i:nth-child(3){height:16px}.wave i:nth-child(5){height:9px}.orbit{position:absolute;border:1px solid rgba(255,146,170,.13);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:450px;height:180px}.orbit-two{width:490px;height:250px;transform:rotate(36deg);border-style:dashed;opacity:.6}.sparkle{position:absolute;color:#ff8198}.sparkle-a{top:96px;left:70px}.sparkle-b{bottom:102px;right:70px;font-size:22px;color:#f9c2ce}.scroll-cue{position:absolute;bottom:30px;left:28px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em;color:#7e747e}.scroll-cue span{width:22px;height:33px;border:1px solid #70626d;border-radius:15px;position:relative}.scroll-cue span:after{content:'';position:absolute;top:6px;left:9px;width:2px;height:6px;background:#f07d94;border-radius:2px}.intro{border-top:1px solid var(--line);padding-top:85px;padding-bottom:98px}.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-top:25px}.intro h2,.how h2,.faq h2{font-size:clamp(38px,5vw,57px)}.intro-grid p,.section-heading>p,.how-heading>p{color:#a99da7;line-height:1.85;margin:0 0 20px}.text-link{font-size:12px;color:#ff9aaa;font-weight:650}.text-link span{margin-left:10px}.features{padding-top:64px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-heading h2{font-size:clamp(39px,5vw,58px);margin-top:16px}.section-heading>p{max-width:360px;margin-bottom:6px}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}.feature-card{min-height:255px;padding:25px;background:linear-gradient(145deg,#19131a,#151016);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.feature-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(214,58,94,.07);filter:blur(45px);top:-100px;right:-75px}.feature-number{font-size:10px;letter-spacing:.12em;color:#877b86}.feature-symbol{height:75px;display:flex;align-items:center;color:#ff8098;font-size:43px;text-shadow:0 0 30px rgba(252,76,115,.25)}.voice-symbol{gap:5px}.voice-symbol span{width:4px;border-radius:4px;background:linear-gradient(#ffb2c0,#ed4b70);height:22px}.voice-symbol span:nth-child(2),.voice-symbol span:nth-child(4){height:38px}.voice-symbol span:nth-child(3){height:53px}.voice-symbol span:nth-child(5){height:29px}.face-symbol{font-size:51px}.memory-symbol{font-size:62px}.world-symbol{font-size:48px}.feature-card h3,.steps h3{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:18px;margin:0 0 8px}.feature-card p,.steps p{font-size:12px;color:#a79ba6;line-height:1.75;margin:0;max-width:320px}.feature-arrow{position:absolute;bottom:22px;right:24px;color:#a997a3}.feature-large{grid-row:span 1}.feature-wide{grid-column:span 3;min-height:150px;display:flex;align-items:center;gap:25px}.feature-wide .feature-symbol{width:60px;flex:none}.feature-wide>div:nth-of-type(1){flex:1}.quote-band{min-height:300px;padding:60px 25px;position:relative;overflow:hidden;text-align:center;background:linear-gradient(100deg,#26121e,#321522 50%,#21121e);border-top:1px solid rgba(255,139,163,.13);border-bottom:1px solid rgba(255,139,163,.13)}.quote-mark{font-family:Georgia,serif;font-size:56px;line-height:1;color:#ff8198}.quote-band p{position:relative;z-index:1;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,4vw,38px);line-height:1.35;margin:3px 0 16px;letter-spacing:-.04em}.quote-band em{font-style:normal;color:#ff9aaa}.quote-band>span{font-size:9px;letter-spacing:.18em;color:#aa8e9a}.quote-orb{position:absolute;width:220px;height:220px;left:calc(50% - 110px);top:70px;border-radius:50%;background:rgba(251,80,120,.15);filter:blur(75px)}.how{padding-top:100px;padding-bottom:100px}.how-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:20px}.how-heading>p{max-width:355px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:43px 0 34px}.steps article{position:relative}.steps article>span{font-size:11px;color:#ff8da2}.step-line{height:1px;background:linear-gradient(90deg,rgba(250,73,102,.65),rgba(255,255,255,.11));margin:13px 0 20px}.steps h3{font-size:17px}.steps p{max-width:275px}.how-cta{margin-top:2px}.faq{border-top:1px solid var(--line);padding-top:88px;padding-bottom:100px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:20px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk',sans-serif;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#ff8da2;font-size:19px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#aa9eaa;max-width:550px;margin:12px 30px 4px 0;line-height:1.8}.closing{position:relative;overflow:hidden;text-align:center;padding:83px 24px 90px;background:linear-gradient(115deg,#3a1424,#6a1c34 55%,#3b1426);border-top:1px solid rgba(255,171,188,.2)}.closing .section-kicker{color:#ffc2cd}.closing h2{position:relative;margin:13px 0 10px;font-size:clamp(42px,6vw,67px)}.closing h2 em{color:#ffc0cc}.closing p{position:relative;color:#e0bbc5;margin:0 auto 24px}.button-light{position:relative;background:#fff1f4;color:#5a1b31}.closing-glow{position:absolute;width:360px;height:230px;border-radius:50%;left:calc(50% - 180px);top:-180px;background:#ff89a2;filter:blur(90px);opacity:.3}.footer{min-height:80px;padding:15px max(5vw,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8e838d;font-size:11px}.footer .wordmark{color:#eae1e8;font-size:15px}.footer .brand-mark{width:29px;height:29px;font-size:16px}.footer>a:last-child{color:#c7bac5}@media(max-width:850px){.topbar{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:#1b141b;border-radius:6px;padding:10px}.menu-toggle span{display:block;width:17px;height:1px;background:#f4e8ef}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:#140e14;border-bottom:1px solid var(--line);padding:18px 6vw 22px;align-items:stretch;gap:5px;flex-direction:column}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:8px 0}.nav-cta{text-align:center;margin-top:8px}.hero{min-height:unset;padding-top:75px;padding-bottom:90px;grid-template-columns:1fr .8fr;gap:5px}.hero-art{height:400px}.portrait-frame{height:350px;width:min(290px,88%)}.card-top{right:-8px}.card-bottom{left:-8px}.orbit-one{width:350px}.orbit-two{width:380px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2;min-height:230px}.feature-wide{grid-column:span 2}.intro-grid{gap:35px}.section-heading{align-items:start}.section-heading>p{max-width:290px}.faq-grid{gap:34px}}@media(max-width:600px){.topbar{padding:0 20px}.section-wrap{padding-left:21px;padding-right:21px}.hero{padding-top:65px;grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(39px,11vw,57px)}.hero-lede{font-size:14px}.hero-art{height:380px;max-width:440px;width:100%;margin:0 auto}.portrait-frame{width:250px;height:345px}.portrait-letter{font-size:180px}.card-top{top:56px;right:3px}.card-bottom{bottom:57px;left:0}.orbit-one{width:330px}.orbit-two{width:360px}.scroll-cue{left:21px;bottom:25px}.intro{padding-top:64px;padding-bottom:66px}.intro-grid,.faq-grid{grid-template-columns:1fr;gap:18px}.intro-grid{margin-top:18px}.intro h2,.how h2,.faq h2{font-size:43px}.features{padding-top:55px;padding-bottom:67px}.section-heading,.how-heading{display:block}.section-heading>p,.how-heading>p{margin-top:18px}.section-heading h2{font-size:44px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-large,.feature-wide{grid-column:auto;min-height:220px}.feature-wide{display:block;padding-bottom:25px}.feature-wide .feature-symbol{height:65px}.feature-wide .feature-arrow{bottom:24px}.quote-band{min-height:260px;padding-top:58px}.quote-band p{font-size:27px}.how{padding-top:68px;padding-bottom:70px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps article{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.steps article>span{grid-row:span 2;padding-top:1px}.step-line{margin:11px 0 13px}.steps h3,.steps p{grid-column:2}.steps h3{margin-bottom:4px}.faq{padding-top:66px;padding-bottom:70px}.faq-grid{margin-top:17px}.faq-list summary{font-size:14px}.closing{padding-top:70px;padding-bottom:74px}.closing p{max-width:330px;font-size:14px}.footer{padding:18px 20px;display:grid;grid-template-columns:1fr auto}.footer>span{grid-row:2;grid-column:1/-1;order:3}.footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Nino's real portrait anchors the hero instead of a generic monogram. */
.portrait-frame{isolation:isolate}
.portrait-frame:before,.portrait-frame:after{z-index:1;pointer-events:none}
.portrait-glow{z-index:-1}
.portrait-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.94;mask-image:linear-gradient(#000 0%,#000 79%,transparent 100%);}
.portrait-caption{z-index:2}
.hero-art{filter:drop-shadow(0 24px 48px rgba(0,0,0,.2))}
.personality{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding-top:75px;padding-bottom:90px;border-top:1px solid var(--line)}
.personality h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,57px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:18px 0 15px}
.personality h2 em{font-style:normal;color:var(--pink)}
.personality-copy p{max-width:360px;color:#a99da7;line-height:1.85}
.mood-panel{padding:28px 30px 25px;border:1px solid rgba(255,154,170,.22);border-radius:14px;background:radial-gradient(ellipse at 10% 0%,rgba(245,70,108,.13),transparent 50%),linear-gradient(145deg,#1d151e,#151016);box-shadow:0 22px 60px rgba(0,0,0,.2)}
.mood-tabs{display:flex;gap:8px;flex-wrap:wrap}
.mood-button{cursor:pointer;border:1px solid var(--line);border-radius:99px;background:#201820;padding:8px 14px;color:#c8bdc7;font-size:12px;transition:all .2s ease}
.mood-button:hover,.mood-button.is-active{border-color:rgba(255,130,153,.65);background:rgba(250,73,102,.14);color:#ffe8ed}
.mood-quote{min-height:94px;margin:24px 0 18px;padding-left:18px;border-left:2px solid #fa4966;color:#f5eaf0;font:500 clamp(19px,2.3vw,25px)/1.5 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.mood-signature{font-size:9px;letter-spacing:.18em;color:#a88b98}
.discord-contact{display:flex;align-items:center;gap:8px;color:#e6dce3!important}
.discord-contact strong{color:#ffabb9}
.discord-contact:hover strong{color:#fff}
.discord-dot{width:7px;height:7px;border-radius:50%;background:#8799ff;box-shadow:0 0 10px rgba(135,153,255,.7)}
@media(max-width:850px){.personality{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.personality{padding-top:62px;padding-bottom:68px}.mood-panel{padding:22px 19px}.mood-quote{min-height:112px}.footer .discord-contact{grid-column:1/-1;grid-row:3}.footer>span{grid-row:2}}
.topbar{backdrop-filter:blur(18px)}
.nav-cta,.button{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.nav-cta:hover{border-color:rgba(250,73,102,.9);background:rgba(250,73,102,.18)}
.feature-card{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(255,154,170,.3)}
.faq-list summary:focus-visible,.button:focus-visible,.nav-links a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #ff9aaa;outline-offset:4px}
@media(max-width:600px){.portrait-image{object-position:center 33%}}
@media(prefers-reduced-motion:reduce){.feature-card,.nav-cta,.button{transition:none}}
