:root{--night:#100e28;--night2:#1b1641;--ink:#211c3c;--muted:#716d85;--purple:#8165e8;--pink:#ec8bc9;--cream:#faf7ff;--line:#e9e1f4;--gold:#f8d58d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{ -webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{width:min(100% - 48px,1220px);margin:auto}.skip{position:absolute;left:16px;top:-60px;z-index:20;background:white;padding:12px}.skip:focus{top:16px}.topline{height:34px;display:flex;align-items:center;justify-content:center;gap:18px;background:#c9a8f8;color:#261a4d;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.topline span{color:#714cc8}.header{position:absolute;z-index:10;top:34px;left:0;right:0;background:rgba(15,13,40,.92);border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(16px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:white;line-height:.82}.brand-mark{width:48px;height:48px;border:2px solid #d7b8ff;transform:rotate(45deg);display:grid;place-items:center;border-radius:13px;color:#f9d38d;font-size:26px;text-shadow:0 0 15px #fcf4bb;box-shadow:inset 0 0 13px #754ae1,0 0 16px #6c43cc}.brand-mark::first-letter{transform:rotate(-45deg)}.brand strong{display:block;font-family:Marcellus,serif;letter-spacing:.09em;font-size:22px}.brand small{display:block;text-align:center;letter-spacing:.48em;font-size:9px;margin-top:9px;color:#e9c9ff;font-weight:800}.nav{display:flex;align-items:center;gap:30px;color:#f3edff}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:#d9b0ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:0 26px;border:0;border-radius:5px;background:linear-gradient(110deg,#ba78ef,#6a79f3 60%,#53badd);color:white;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 32px rgba(83,58,206,.3);transition:transform .2s,box-shadow .2s;cursor:pointer}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px rgba(83,58,206,.48)}.button span{font-size:19px;line-height:1}.button-small{min-height:44px;padding:0 19px;gap:16px;font-size:11px}.menu-toggle{display:none}.hero{height:min(920px,100vh);min-height:800px;position:relative;overflow:hidden;background:var(--night)}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:url('assets/everlane-hero.jpg') center 55%/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(11,9,39,.89) 0%,rgba(15,10,49,.72) 29%,rgba(14,10,48,.18) 65%,rgba(13,10,47,.06) 100%),linear-gradient(0deg,rgba(15,12,44,.66),transparent 20%)}.hero-content{position:relative;padding-top:clamp(200px,23vh,260px);color:white}.eyebrow{margin:0 0 24px;color:#e6c9ff;text-transform:uppercase;font-size:11px;letter-spacing:.28em;font-weight:800}.spark{font-size:18px;vertical-align:-1px;color:#f6d38d}.hero h1,h2,h3{font-family:Marcellus,Georgia,serif;font-weight:400}.hero h1{margin:0;font-size:clamp(58px,6.5vw,100px);line-height:1.04;letter-spacing:-.045em;text-shadow:0 4px 30px rgba(9,4,34,.23)}em{font-style:normal;color:#d5a5ff}.hero h1 em{background:linear-gradient(90deg,#ffe2a5,#e6adff);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{max-width:510px;margin:28px 0 33px;color:#eee6ff;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:34px}.text-link{color:white;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:8px}.text-link span{padding-left:8px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;color:#e9dcff;border-top:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:800;letter-spacing:.22em}.hero-bottom .wrap{display:flex;justify-content:space-between;padding:21px 0}.scroll-cue b{font-size:17px;padding-left:10px}.section{padding:110px 0}.intro{background:#fbf9ff}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9%}.purple{color:#845bce}.intro h2,.section-heading h2,.companions h2,.cta-inner h2{font-size:clamp(42px,4.2vw,65px);line-height:1.13;letter-spacing:-.04em;margin:0}.intro h2 em,.section-heading.dark h2 em,.news h2 em{color:#9961db}.intro p:not(.eyebrow),.companions p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:470px}.underlink{display:inline-block;margin-top:20px;border-bottom:2px solid #9a6ce4;padding-bottom:9px;color:#744cc8;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.underlink span{margin-left:13px}.world-panel{position:relative;height:470px;border-radius:12px;overflow:hidden;box-shadow:0 30px 50px rgba(52,37,105,.18)}.world-panel-image{position:absolute;inset:0;background:url('assets/everlane-hero.jpg') 55% 62%/cover}.world-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,15,76,.6),transparent 45%)}.world-badge{position:absolute;z-index:1;left:-1px;top:36px;display:flex;align-items:center;gap:13px;background:#fff;padding:17px 25px;border-radius:0 8px 8px 0;box-shadow:0 10px 20px #28134733}.world-badge span{color:#b37be3;font-size:32px}.world-badge strong{font-family:Marcellus;font-size:17px;line-height:1.15}.world-caption{position:absolute;z-index:1;left:28px;bottom:24px;color:white;font-size:10px;font-weight:800;letter-spacing:.2em}.classes{background:#171334;color:white;position:relative;overflow:hidden}.classes:before{content:'✦';position:absolute;right:3%;top:-170px;font-size:520px;line-height:1;color:#ffffff05}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-heading h2{max-width:720px}.section-heading>p{width:300px;color:#c5bfd5;line-height:1.8;margin:0 0 7px;font-size:14px}.section-heading.dark>p{color:var(--muted)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.class-card{min-height:340px;position:relative;padding:30px;border:1px solid #ffffff25;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(circle at 90% 15%,#8562d847,transparent 50%),#241b4b;transition:transform .2s,border-color .2s}.class-card:hover{transform:translateY(-5px);border-color:#d4a2ff}.class-card.mage{background:radial-gradient(circle at 80% 15%,#68cbdb56,transparent 50%),#1c284a}.class-card.archer{background:radial-gradient(circle at 80% 15%,#f5ab7a50,transparent 50%),#422341}.class-no{font-size:10px;font-weight:800;letter-spacing:.2em;color:#c7b4e3}.class-icon{font-size:75px;line-height:1;margin:40px 0 15px;color:#f7ddab;text-shadow:0 0 30px #dfbbff}.mage .class-icon{color:#9fe9f6}.archer .class-icon{color:#f5b2b9}.class-card h3{font-size:27px;margin:0 0 11px}.class-card p{font-size:13px;line-height:1.7;color:#d0c8df;margin:0;max-width:270px}.class-card>span{font-size:10px;letter-spacing:.2em;color:#e8bbff;margin-top:auto;padding-top:24px;font-weight:800}.specialists{background:#f7f3fc}.filter-row{display:flex;gap:10px;margin-bottom:26px}.filter{border:1px solid #e0d8ee;background:transparent;color:#6b607f;border-radius:99px;padding:10px 19px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;cursor:pointer}.filter.active,.filter:hover{background:#7656bf;border-color:#7656bf;color:white}.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.special-card{background:white;border-radius:9px;overflow:hidden;box-shadow:0 14px 40px rgba(61,42,101,.08);transition:transform .2s,box-shadow .2s}.special-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(61,42,101,.16)}.special-card[hidden]{display:none}.special-image{height:330px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.special-image img{height:100%;width:100%;object-fit:cover;object-position:center top;transition:transform .25s}.special-card:hover img{transform:scale(1.04)}.blue{background:#cceaf9}.lavender{background:#e8dcfb}.coral{background:#f8d9d5}.amber{background:#f7e4c8}.lilac{background:#dce0f8}.rose{background:#efdded}.card-tag{position:absolute;right:14px;top:15px;background:#fff;color:#6c4aac;padding:7px 11px;border-radius:3px;font-weight:800;font-size:10px;letter-spacing:.14em}.special-info{padding:24px 25px 29px}.special-info>span{font-size:9px;color:#9b77cc;letter-spacing:.18em;font-weight:800}.special-info h3{font-size:27px;margin:8px 0}.special-info p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.companions{background:linear-gradient(120deg,#21164b,#46307f 58%,#674a9b);color:white;overflow:hidden}.companions-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.companions h2{max-width:590px}.companions p:not(.eyebrow){color:#e4d9f5}.companion-art{height:500px;position:relative;display:grid;place-items:center}.companion-orb{height:390px;width:390px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#e1bbff,#9472dd 50%,#6b50a7);box-shadow:0 0 0 35px #ffffff0d,0 0 0 75px #ffffff08,0 20px 70px #0d072a70;display:grid;place-items:center;color:#ffffff54;font-size:220px}.companion-emoji{position:absolute;filter:drop-shadow(0 20px 15px #1d0c3c77);line-height:1}.pet{font-size:160px;top:155px;left:60px;transform:rotate(-8deg)}.bird{font-size:110px;top:40px;right:50px;transform:rotate(15deg)}.mount{font-size:135px;bottom:60px;right:20px;transform:rotate(8deg)}.star{position:absolute;color:#f9db9b;font-size:45px}.star.a{top:70px;left:45px}.star.b{bottom:30px;left:120px}.star.c{top:230px;right:0}.companion-pills{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 34px}.companion-pills span{border:1px solid #ffffff60;padding:9px 15px;border-radius:30px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.button-light{background:#fff;color:#6f4aaa;box-shadow:0 10px 32px #1b0b3b55}.news{background:#fcfaff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.news-art{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.news-art:before,.news-art:after{content:'';position:absolute;border:1px solid #ffffff8c;border-radius:50%;width:220px;height:220px}.news-art:after{width:300px;height:300px}.news-art span{font-size:92px;color:white;text-shadow:0 12px 20px #522d7960;z-index:1}.news-art.one{background:linear-gradient(135deg,#7464d7,#91d5f4)}.news-art.two{background:linear-gradient(135deg,#e595ae,#9969cb)}.news-art.three{background:linear-gradient(135deg,#f4c887,#ee9abd)}.news-body{padding:25px}.news-body small{font-size:10px;color:#9a70ca;font-weight:800;letter-spacing:.15em}.news-body h3{font-size:25px;margin:10px 0}.news-body p{font-size:13px;line-height:1.75;color:var(--muted);min-height:70px}.news-body a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7652bb;font-weight:800}.cta-section{background:#171231;color:white;text-align:center;padding:110px 0;overflow:hidden}.cta-inner{position:relative}.cta-glow{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);width:700px;height:340px;border-radius:50%;background:#7444bc66;filter:blur(90px)}.cta-inner>*:not(.cta-glow){position:relative}.cta-inner h2{font-size:clamp(48px,5.3vw,76px)}.cta-inner>p:not(.eyebrow){max-width:610px;margin:20px auto 30px;color:#d4cce3;line-height:1.8}.cta-inner small{display:block;color:#9c92b8;margin-top:22px;font-size:11px}footer{background:#100d27;color:white}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding:65px 0 60px}.footer-main p{margin:0;color:#b5a9ce;line-height:1.8}.footer-links{display:flex;gap:15px 28px;justify-content:flex-end;flex-wrap:wrap;color:#d4cae4;font-size:12px;font-weight:700}.footer-links a:hover,.footer-bottom a:hover{color:#e2b8ff}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:22px 0;color:#877f9d;font-size:11px}.footer-bottom a{color:#c7b7dd}@media(max-width:1050px){.nav{gap:16px}.nav a{font-size:11px}.nav-cta{display:none}.hero{min-height:690px}.hero-art{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#0f0a31eb,#0f0a31ac 39%,#0f0a3150 85%)}}@media(max-width:760px){.wrap{width:min(100% - 36px,1220px)}.topline{font-size:9px;letter-spacing:.08em}.nav-wrap{height:68px}.brand-mark{height:40px;width:40px}.brand strong{font-size:17px}.brand small{font-size:8px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #ffffff55;border-radius:5px;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:white}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:#171334;flex-direction:column;align-items:stretch;box-shadow:0 20px 25px #100c2b66}.nav.open{display:flex}.nav a{font-size:13px;padding:10px}.hero{height:760px;min-height:0}.hero-art{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#100a32ef,#100a32a8 75%,#100a3260),linear-gradient(0deg,#100a32b0,transparent 35%)}.hero-content{padding-top:190px}.hero h1{font-size:clamp(51px,10vw,76px)}.hero-copy{font-size:15px;max-width:460px}.hero-bottom .wrap{padding:16px 0}.section{padding:75px 0}.intro-grid,.companions-grid{grid-template-columns:1fr;gap:38px}.world-panel{height:360px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:20px;max-width:480px}.class-grid,.special-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.class-card{min-height:300px}.companion-art{order:2;height:350px}.companion-orb{height:260px;width:260px}.pet{font-size:105px;top:125px;left:20%}.bird{font-size:78px;top:28px;right:22%}.mount{font-size:95px;right:15%;bottom:35px}.footer-main{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start;grid-column:1/-1}}@media(max-width:520px){.hero{height:700px}.hero-art{background-position:62% center}.hero h1{font-size:50px}.hero-content{padding-top:168px}.hero-copy{max-width:350px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{font-size:8px}.scroll-cue{display:none}.intro h2,.section-heading h2,.companions h2{font-size:42px}.world-panel{height:295px}.class-grid,.special-grid,.news-grid{grid-template-columns:1fr}.class-card{min-height:280px}.class-icon{margin:20px 0 10px}.special-image{height:330px}.filter-row{overflow-x:auto;padding-bottom:6px}.filter{white-space:nowrap}.news-body p{min-height:0}.companion-art{height:300px}.companion-orb{width:230px;height:230px}.pet{left:12%;top:105px}.bird{right:17%}.mount{right:8%;bottom:15px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-links{grid-column:1}.footer-bottom{gap:15px;flex-direction:column}}

dialog{border:1px solid #d6c8f2;border-radius:13px;max-width:min(520px,calc(100% - 32px));padding:38px;background:#fbf9ff;color:#211c3c;box-shadow:0 30px 90px #07031aaa}dialog::backdrop{background:#0a0628b8;backdrop-filter:blur(5px)}dialog h2{font-size:40px;margin:0 0 14px}dialog p:not(.eyebrow){color:#716d85;line-height:1.8;font-size:14px}dialog .button{margin-top:12px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:#7656bf;font-size:28px;cursor:pointer}

.companion-illustration{position:absolute;width:min(115%,600px);max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 24px #180a4277)}@media(max-width:760px){.companion-illustration{width:min(100%,470px)}}
.lang-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #ffffff38;border-radius:6px;color:#d6c6ef;flex-shrink:0}.lang-switch a{font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 9px;border-radius:3px}.lang-switch a:hover,.lang-switch a:focus-visible{color:white}.lang-switch a[aria-current="page"]{background:#b28be9;color:#1d123f}.faq{background:#f4eefb}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.faq-grid article{background:#fff;border:1px solid #e7def0;border-radius:8px;padding:29px;box-shadow:0 12px 30px #46316b0b}.faq-grid h3{font-size:22px;margin:0 0 13px}.faq-grid p{font-size:13px;line-height:1.75;color:#716d85;margin:0}@media(max-width:1050px){.nav-wrap{gap:14px}.nav{gap:12px}.lang-switch a{padding:7px 6px}}@media(max-width:760px){.lang-switch{margin-left:auto}.faq-grid{grid-template-columns:1fr}}@media(max-width:380px){.brand strong{font-size:15px}.lang-switch a{padding:6px 4px;font-size:9px}.nav-wrap{gap:8px}}
