/* The existing site's colours, Marcellus headings and Manrope text are retained. */
.daro-enhanced{--ease:cubic-bezier(.22,.68,0,1)}
.daro-enhanced [hidden]{display:none!important}
.daro-enhanced .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .3s,background .3s}
.daro-enhanced .btn-gold:after{content:"";position:absolute;top:-80%;bottom:-80%;left:-80%;width:36%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);animation:button-sheen 6s 2s ease-in-out infinite;pointer-events:none}
.daro-enhanced .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #f8dfa7,0 6px 38px #e8c16d55}
.daro-enhanced .btn-line:hover{border-color:#e8c16d70;box-shadow:0 4px 25px #e8c16d15;transform:translateY(-2px)}
.daro-enhanced :focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.daro-enhanced .hero{min-height:680px;min-height:max(680px,calc(100svh - 200px));max-height:1080px;isolation:isolate}
.daro-enhanced .hero .content{padding-bottom:105px;padding-top:36px}
.daro-enhanced .hero .wrap{position:relative;z-index:4;pointer-events:none}
.daro-enhanced .hero .content{pointer-events:auto}
.hero .valkyrie-stage{position:absolute;z-index:2;right:max(-3vw,calc(50% - 760px));bottom:-70px;height:111%;max-height:1060px;aspect-ratio:900/1200;pointer-events:none}
.valkyrie-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:drop-shadow(0 0 48px #ff506e35)}
.valkyrie-fallback{position:absolute;inset:4%;height:92%;width:92%;object-fit:contain;filter:drop-shadow(0 0 48px #ff506e35)}
.valkyrie-stage.ready .valkyrie-canvas{opacity:1}.valkyrie-stage.ready .valkyrie-fallback{opacity:0}
.hero-particles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.hero-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f6dba0;box-shadow:0 0 12px 2px #e8b17555;animation:mote-rise var(--duration,16s) var(--delay,0s) linear infinite;left:var(--x);top:var(--y);opacity:0}



.preview-mark{position:fixed;bottom:10px;left:14px;z-index:40;font:9px var(--body);letter-spacing:1px;color:#bdadb6;background:#160c13ed;border:1px solid #bd879d33;border-radius:20px;padding:7px 11px;backdrop-filter:blur(8px)}
.preview-mark:hover{color:var(--gold-2);border-color:#e8c16d60}
.path-section{max-width:1440px;padding-top:112px;padding-bottom:28px;background:radial-gradient(ellipse at 50% 48%,#42202a28,transparent 65%)}
.path-section:after{display:none}.path-section:before{top:48px}
.section-heading{text-align:center;margin:0 auto 42px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold);margin:0 0 17px}
.section-heading h2{font:400 clamp(35px,3.65vw,60px)/1.2 var(--title);letter-spacing:-.7px;margin:0}
.section-heading h2 em,.auth-content h2 em{font-style:normal;color:var(--gold-2)}
.section-heading>p:last-child{font-size:14px;max-width:680px;margin:20px auto 0;color:var(--muted)}
.path-showcase{max-width:1160px;gap:50px}.path-tabs{max-width:950px;margin-bottom:28px}.path-tabs button{font:13px var(--body);color:var(--muted);padding:13px 18px;min-height:48px;cursor:pointer}
.path-tabs button img{image-rendering:auto;width:26px;height:26px}
.path-label{color:#9b7f91;font-size:9px}.path-choice h3{font-size:30px;color:var(--text)}
.path-choice p{font-size:13px;color:var(--muted);max-width:300px;min-height:70px}.path-choice .text-link{font:700 12px var(--body)}
.spec-stage{height:230px}.spec-emblem{width:144px;height:144px;image-rendering:auto}.spec-orbit{width:198px;height:198px}
.all-paths{margin-top:32px}.top-specs{margin-top:60px;padding:25px 26px;background:linear-gradient(120deg,#211018,#170d14);text-align:left}
.top-specs h3{font-size:24px}.top-specs img{image-rendering:auto!important}.top-specs a{padding:9px 8px}.top-specs .capture-note{font-size:10px;color:#917785;margin:17px 8px 0}
.feature-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.feature-controls p{margin:0;font-size:13px;color:var(--muted)}
.feature-controls>div{display:flex;align-items:center;gap:10px;flex-shrink:0}.feature-position{color:var(--faint);font-size:12px;margin-right:12px;min-width:48px;text-align:right}
.feature-controls button{width:43px;height:43px;border:1px solid #d1a66c44;border-radius:50%;background:#d1a66c08;color:var(--gold);font-size:22px;cursor:pointer;transition:background .2s,transform .2s}
.feature-controls button:hover:not(:disabled){background:#d1a66c25;transform:translateX(2px)}.feature-controls button:disabled{opacity:.28;cursor:default}
.feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 20px;scroll-padding-inline:2px}
.feature-track::-webkit-scrollbar{display:none}.illustrated-feature{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);color:var(--text);transition:border-color .35s,transform .35s,box-shadow .35s}
.illustrated-feature:hover{border-color:#e8c16d66;transform:translateY(-5px);box-shadow:0 15px 40px #0004;color:var(--text)}
.feature-art{height:235px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 80%,#6a313b77,transparent 70%),#1a1018;display:flex;align-items:center;justify-content:center;gap:0}
.feature-art>img{height:100%;width:100%;object-fit:cover;filter:brightness(.85) saturate(.85);transition:transform .8s,filter .8s}.illustrated-feature:hover .feature-art>img{transform:scale(1.055);filter:brightness(1) saturate(1)}
.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--surface),transparent 42%);pointer-events:none}
.feature-contain>img{object-fit:contain;padding:20px}.feature-number{position:absolute;left:19px;top:17px;font:12px var(--body);letter-spacing:2px;color:#fff9;z-index:2;background:#0c070970;border:1px solid #fff2;padding:3px 8px;border-radius:5px}
.feature-open{position:absolute;right:18px;bottom:20px;z-index:2;border:1px solid #e8c16d66;background:#160c13bb;backdrop-filter:blur(6px);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--gold);transition:transform .3s}.illustrated-feature:hover .feature-open{transform:rotate(45deg)}
.feature-copy{padding:15px 27px 26px;display:flex;flex:1;flex-direction:column}.feature-copy h3{font:26px/1.25 var(--title);margin:0 0 13px}.feature-copy p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 25px;min-height:70px}.feature-copy>span{margin-top:auto;font-size:12px;font-weight:700;color:var(--gold);display:flex;justify-content:space-between}
.feature-mosaic>img{width:31%;height:auto;object-fit:contain;filter:drop-shadow(0 0 20px #f8c77333);transform:translateY(10px) rotate(-12deg);z-index:1}.feature-mosaic>img:nth-of-type(2){width:36%;margin:0 -6%;z-index:2;transform:translateY(-12px)}.feature-mosaic>img:nth-of-type(3){transform:translateY(10px) rotate(12deg)}
.illustrated-feature:hover .feature-mosaic>img{transform:translateY(-5px);filter:drop-shadow(0 0 25px #f8c77366)}
.feature-rune{position:absolute;width:185px;height:185px;border:1px solid #e8c16d33;border-radius:50%;box-shadow:0 0 0 12px #e8c16d06,0 0 0 13px #e8c16d15;animation:orbit 45s linear infinite}.feature-rune:after{content:"✧";position:absolute;top:0;left:25px;color:var(--gold)}
.feature-art>.feature-fallback{width:135px;height:135px;object-fit:contain}.feature-progress{height:2px;background:#b99e8a20;margin-top:8px;border-radius:5px;overflow:hidden}.feature-progress i{display:block;height:100%;width:12%;background:linear-gradient(90deg,var(--gold),var(--aqua));transition:width .25s}
.daro-enhanced .testimonial{background:linear-gradient(135deg,#21111a,#160d12);border-color:#e8c16d15;transition:transform .35s,border-color .35s}.daro-enhanced .testimonial:hover{transform:translateY(-4px);border-color:#e8c16d40}.daro-enhanced .testimonials{grid-template-columns:repeat(3,1fr)}
.daro-enhanced .start .card{background:linear-gradient(135deg,#201018,#170e13);position:relative;overflow:hidden}.daro-enhanced .start .card:after{content:"";position:absolute;top:0;left:0;width:40%;height:1px;background:linear-gradient(90deg,transparent,#e8c16d88,transparent)}
.daro-enhanced .auth-dialog{background:#1b101a;border-color:#e8c16d4a;width:min(900px,calc(100vw - 40px))}.auth-content{background:radial-gradient(ellipse at 100% 0%,#55304733,transparent 70%);padding:45px 42px 30px}.auth-art{background:linear-gradient(#3a193955,#170d19aa),url('/static/img/sky.jpg') center/cover}.auth-art:after{background:linear-gradient(transparent 35%,#1c101d 100%)}
.auth-content h2{font-size:42px;line-height:1.12}.auth-intro{font-size:13px;margin-bottom:24px}.auth-form label{font-size:12px;color:var(--muted)}.input-shell input{font:13px var(--body);padding:14px 12px}.auth-link{font:12px var(--body);cursor:pointer}.auth-switch{font-size:12px}.auth-preview-note{font-size:10px}.auth-feedback{font-size:12px}.input-shell{border-color:#b79aab55;background:#f2c9db05}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6}.auth-submit{min-height:46px}.auth-caption{font-size:35px}.dialog-close{cursor:pointer}
.demo-entry{display:flex;margin-top:18px;justify-content:space-between;font-size:12px;padding:11px 14px}.demo-entry-note{font-size:10px;color:var(--muted);margin:8px 0 0}.auth-preview-note{margin-top:12px;color:#987f91}
.daro-enhanced .auth-art{background:radial-gradient(ellipse at 50% 30%,#5c2a48,#1b0d18 80%)}
.daro-enhanced .auth-dialog{--text:#f3eaee;--muted:#b39aa6;--gold:#e8c16d;--gold-2:#f6dc9c;color:var(--text)}
.daro-enhanced .input-shell input:focus-visible,.daro-enhanced .rank-search input:focus-visible{outline:0}
.appearance-controls{background:#e8c16d06}
.daro-enhanced .appearance-controls{background:#e8c16d06}
.daro-enhanced .top-right .btn{display:inline-flex;flex-shrink:0}
@media(min-width:1700px){.hero .valkyrie-stage{right:calc(50% - 760px)}}
@media(max-width:1200px){.path-showcase{gap:24px}.path-choice+.path-choice:before{left:-12px}.path-choice h3{font-size:27px}.path-tabs button{padding:12px}.daro-enhanced .hero .content{max-width:58%;padding-top:55px}.hero .valkyrie-stage{right:-8%;opacity:.9}.feature-art{height:205px}.feature-copy{padding:15px 20px 24px}.feature-copy h3{font-size:23px}}
@media(max-width:980px){.feature-track{grid-auto-columns:calc((100% - 24px)/2)}.daro-enhanced .hero .content{max-width:65%}.hero .valkyrie-stage{right:-18%;opacity:.5}.path-tabs{flex-wrap:wrap}.top-specs a{grid-template-columns:22px 36px minmax(0,1fr) 65px 105px;gap:8px}.auth-layout{grid-template-columns:38% 62%}}
@media(max-width:640px){.daro-enhanced .hero{min-height:830px;max-height:none}.daro-enhanced .hero .content{max-width:100%;padding:40px 0 255px}.daro-enhanced .hero .logo{width:230px}.daro-enhanced .hero .hero-title{font-size:clamp(44px,11.5vw,61px)}.daro-enhanced .hero p.lead{font-size:15px;max-width:100%;line-height:1.8}.hero .valkyrie-stage{height:610px;right:-115px;bottom:-55px;opacity:.6}.daro-enhanced .hero .ctas{gap:10px}.hero .ctas .btn{font-size:12px;padding:13px}.daro-enhanced .topbar .brand img{width:85px}.daro-enhanced .top-right{gap:6px}.daro-enhanced .top-right .btn{font-size:11px;padding:8px 10px}.daro-enhanced .top-right .lang{font-size:11px}.path-section{padding:72px 0 25px}.path-section:before{top:35px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:35px}.section-heading>p:last-child{font-size:12px;line-height:1.8}.eyebrow{font-size:8px}.path-tabs{gap:2px;margin-bottom:12px}.path-tabs button{font-size:10px;padding:8px 10px;gap:5px}.path-tabs button img{width:20px}.path-showcase{grid-template-columns:1fr;gap:15px}.path-choice{padding:12px 0 25px;border-bottom:1px solid var(--line)}.path-choice+.path-choice:before{display:none}.spec-stage{height:190px}.spec-emblem{width:128px;height:128px}.spec-orbit{width:170px;height:170px}.path-choice p{min-height:0}.path-choice h3{font-size:29px}.top-specs{padding:20px 12px;margin-top:40px}.top-specs h3{font-size:21px}.top-specs a{grid-template-columns:16px 32px minmax(0,1fr) 60px;gap:7px;font-size:12px;padding:9px 3px}.top-specs small{font-size:10px}.top-specs .bar{display:none}.feature-controls>p{display:none}.feature-controls{justify-content:flex-end;margin-bottom:10px}.feature-track{grid-auto-columns:85%;gap:15px}.feature-art{height:220px}.feature-copy p{min-height:0}.feature-copy h3{font-size:26px}.daro-enhanced .testimonials{grid-template-columns:1fr}.daro-enhanced .testimonial:nth-child(n+2){display:block}.auth-dialog{width:calc(100vw - 24px)!important;max-height:calc(100svh - 24px)!important}.auth-layout{grid-template-columns:1fr;min-height:0}.auth-art{height:140px;border-right:0;border-bottom:1px solid #c19ae332}.auth-valkyrie{width:250px;left:auto;right:-15px;top:-105px}.auth-caption{left:24px;bottom:16px;font-size:26px}.auth-logo{width:100px;top:17px;left:24px}.auth-orbit{inset:0 0 0 60%}.auth-content{padding:29px 25px 24px}.auth-content h2{font-size:32px}.auth-content h2 br{display:none}.auth-content h2 em{margin-left:7px}.auth-intro{font-size:12px}.auth-content .eyebrow{margin-bottom:10px}.auth-switch{margin-top:18px;padding-top:15px}.input-shell{margin-bottom:15px}.auth-preview-note,.demo-entry-note{font-size:9px}.preview-mark{font-size:8px;bottom:7px;left:8px}}
@media(max-width:640px){.daro-enhanced .hero .content{padding-bottom:320px}.hero .valkyrie-stage{height:530px;right:-65px;bottom:-55px;opacity:.75}}

/* The account illustration uses the same animated mesh as the home hero. */
.auth-valkyrie-stage{position:absolute;width:154%;aspect-ratio:900/1200;left:-24%;top:-7%;pointer-events:none;z-index:0}
.auth-valkyrie-stage .valkyrie-canvas,.auth-valkyrie-stage .valkyrie-fallback{filter:drop-shadow(0 0 30px #df859c33)}
.auth-orbit{animation:halo-breathe 7s ease-in-out infinite}
.auth-dialog{overscroll-behavior:contain}
.auth-content{min-width:0}.auth-form{min-width:0}
.password-toggle{min-width:44px;min-height:44px;cursor:pointer}
.auth-submit{min-height:48px}
.feature-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.feature-mini{position:relative;display:flex;align-items:center;gap:12px;padding:17px 14px;min-height:100px;background:linear-gradient(135deg,#22121b,#170d13);border:1px solid var(--line);border-radius:10px;color:var(--text);transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-mini:hover{color:var(--text);transform:translateY(-3px);border-color:#e8c16d66;box-shadow:0 9px 25px #0003}
.feature-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:48px;color:#e9c681;background:radial-gradient(ellipse,#e8c16d16,transparent 75%);filter:drop-shadow(0 0 8px #e8c16d20)}
.feature-symbol svg{width:29px;height:29px;transition:transform .3s}.feature-mini:hover svg{transform:translateY(-2px) rotate(-4deg)}
.feature-mini:nth-child(5n+2) .feature-symbol{color:#d29bb8}.feature-mini:nth-child(5n+3) .feature-symbol{color:#b5a2d7}.feature-mini:nth-child(5n+4) .feature-symbol{color:#8cbdaf}
.feature-mini-copy{min-width:0;display:block;padding-right:5px}.feature-mini-copy>strong{display:block;font-size:12px;line-height:1.45;color:#f3e7ec}.feature-mini-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.7;color:#a98c9b;margin-top:5px}
.feature-mini-arrow{position:absolute;top:8px;right:9px;font-size:10px;color:#b5986c66}.feature-mini:hover .feature-mini-arrow{color:var(--gold)}
.feature-overview-note{margin:18px 0 0;font-size:11px;color:var(--faint)}
@media(max-width:1250px){.feature-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.feature-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-mini{padding:14px 12px}}
@media(max-width:640px){.feature-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature-mini{min-height:83px;padding:13px 9px;gap:6px}.feature-symbol{flex-basis:30px;width:30px;height:38px}.feature-symbol svg{width:25px;height:25px}.feature-mini-copy>strong{font-size:11px}.feature-mini-copy>span{display:none}.feature-overview-note{font-size:10px}}
@media(max-width:640px){
  .daro-enhanced .auth-dialog{max-height:calc(100dvh - 24px)!important}
  .auth-art{height:116px}
  .auth-valkyrie-stage{width:300px;left:auto;right:-30px;top:-112px}
  .auth-logo{width:94px;top:14px;left:20px}
  .auth-caption{font-size:23px;left:20px;bottom:12px}
  .auth-content{padding:24px 20px 20px}
  .auth-content h2{font-size:30px;margin-bottom:14px;padding-right:20px}
  .auth-content .dialog-close{width:40px;height:40px;right:10px;top:10px}
  .auth-intro{margin-bottom:20px}
  .auth-form label{font-size:12px;margin-bottom:6px}
  .input-shell input{font-size:16px;min-height:48px;padding:12px}
  .input-shell{margin-bottom:14px}
  .auth-switch{margin-top:18px;padding-top:14px}
  .auth-link{display:inline-flex;align-items:center;min-height:30px}
  .demo-entry{min-height:44px;margin-top:14px}
}
