@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101010;--surface:#1b1b1b;--ink:#f8f3eb;--muted:#b3b0ab;--accent:#f29a5a;--line:#30302e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,select{font:inherit}a,button,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px} .skip{position:fixed;top:-80px;z-index:20;background:var(--accent);color:var(--bg);padding:15px}.skip:focus{top:0}.nav{max-width:1440px;margin:auto;padding:29px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:5px}.brand-star{color:var(--accent);font-size:29px;font-weight:400}.brand small{font-size:12px;letter-spacing:1px;font-weight:600;margin-left:3px}.nav nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.nav nav a:hover,.text-link:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:22px}.language{display:flex;gap:5px;align-items:center}.language select{background:transparent;color:var(--ink);border:0;font-size:14px;max-width:155px;cursor:pointer}.language option{background:var(--bg)}.nav-cta{border:1px solid #484643;border-radius:30px;padding:12px 19px;font-size:14px}.nav-cta:hover{border-color:var(--accent)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding:65px 8% 90px;min-height:770px}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:600;color:var(--accent);line-height:1.6}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(60px,6.4vw,94px);font-weight:500;line-height:1.05;letter-spacing:-5px;margin:26px 0}.hero em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-3px}.intro{font-size:19px;line-height:1.75;color:var(--muted);max-width:380px;margin:28px 0 32px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;background:var(--accent);color:#1b1713;border-radius:32px;padding:18px 28px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#ffb37c;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #66625e;padding-bottom:3px}.hero-note{font-size:13px;color:#928c85;margin-top:25px}.hero-scene{position:relative;max-width:480px;width:100%;justify-self:end}.portrait{height:540px;position:relative;border-radius:180px 180px 22px 22px;overflow:hidden;background:#252321;border:1px solid #38332d}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.portrait-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(16,16,16,.92))}.portrait-caption{position:absolute;bottom:35px;left:32px;right:25px}.portrait-caption span{font-size:11px;letter-spacing:1.7px;color:#ddd3c7}.portrait-caption strong{display:block;font-family:Georgia,serif;font-size:31px;font-weight:400;margin-top:10px}.chat-bubble{position:absolute;left:-72px;bottom:125px;max-width:290px;padding:22px 24px;background:#f7eee1;color:#29231e;border-radius:18px 18px 18px 3px;box-shadow:0 20px 55px #0006;transform:rotate(-3deg)}.bubble-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#856045}.chat-bubble p{font-size:16px;line-height:1.55;margin:12px 0}.typing{display:flex;gap:4px}.typing i{width:4px;height:4px;background:#ac8d74;border-radius:50%;animation:pulse 2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.scene-tag{position:absolute;right:-15px;top:44px;display:flex;gap:10px;align-items:center;border:1px solid #57514a;background:#1b1b1be8;backdrop-filter:blur(10px);padding:12px 17px;border-radius:30px;font-size:12px;transform:rotate(5deg)}.scene-tag>span:first-child{color:var(--accent);font-size:20px}.chapter-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 8%;display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.chapter-line>span:first-child{color:var(--accent);font-size:12px}.chapter-line p{margin:0}.tiny-star{margin-left:auto;font-size:27px;color:var(--accent)}.section{max-width:1440px;margin:auto;padding:100px 8%}.section-heading{max-width:620px}.section h2,.closing h2{font-family:Manrope,sans-serif;font-weight:500;font-size:44px;letter-spacing:-1.8px;line-height:1.2;margin:18px 0}.section-heading>p:last-child,.stories-intro>p:last-child{color:var(--muted);line-height:1.8;font-size:17px;max-width:490px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px;position:relative}.feature-icon{font-family:Georgia,serif;font-size:35px;color:var(--accent)}.feature-number{position:absolute;right:0;top:35px;font-size:12px;color:#89827a}.feature-grid h3{font-size:22px;font-weight:500;letter-spacing:-.4px;margin:23px 0 15px}.feature-grid p{font-size:16px;line-height:1.8;color:var(--muted)}.stories{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;border-top:1px solid var(--line)}.stories h2{font-size:51px}.story-selector{align-self:center}.tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;padding:11px 21px;cursor:pointer;font-size:14px}.tabs button[aria-selected=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}#story-panel{min-height:250px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.story-index{font-size:11px;color:#9a8a7c;letter-spacing:1.5px}#story-panel h3{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.3;margin:22px 0 15px}#story-panel p{color:var(--muted);line-height:1.7;max-width:350px}.story-link{display:inline-block;font-size:14px;color:var(--accent);border-bottom:1px solid #90613e;margin-top:14px;padding-bottom:4px}.closing{text-align:center;padding:90px 20px 100px;background:radial-gradient(ellipse at 50% 100%,#613b242e,transparent 65%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing h2{font-family:Georgia,serif;font-style:italic;font-size:66px;color:var(--ink);font-weight:400}.closing>p:not(.eyebrow){color:var(--muted);margin-bottom:32px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:80px;padding-bottom:80px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;list-style:none;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);line-height:1.8;margin-bottom:0}footer{padding:35px 8%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer p{color:var(--muted);font-size:14px}footer>span{margin-left:auto;color:#928980;font-size:12px}@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.hero{min-height:830px}}@media(max-width:1000px){.nav nav{display:none}.hero{padding:45px 6% 70px;gap:5%;min-height:680px}.hero h1{font-size:68px;letter-spacing:-3px}.portrait{height:490px}.chat-bubble{left:-25px;max-width:250px;bottom:120px}.scene-tag{right:-5px;font-size:11px}.hero-actions{gap:18px;flex-wrap:wrap}.section{padding:75px 6%}.feature-grid{gap:25px}.stories{gap:5%}.stories h2{font-size:43px}.closing h2{font-size:55px}}@media(max-width:650px){.nav{padding:23px 6%;gap:10px}.brand{font-size:26px}.brand-star{font-size:25px}.nav-cta{display:none}.nav-actions{gap:10px}.language select{font-size:13px;max-width:145px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:32px 7% 55px;gap:40px;min-height:0}.eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:67px;line-height:1.05;margin:20px 0;letter-spacing:-3px}.intro{font-size:17px;margin:22px 0;max-width:340px}.button{padding:16px 24px}.hero-note{margin:20px 0 0;font-size:12px}.hero-scene{width:85%;align-self:center;margin-left:12px}.portrait{height:420px;border-radius:140px 140px 18px 18px}.chat-bubble{left:-30px;bottom:100px;padding:17px 20px;max-width:235px}.chat-bubble p{font-size:14px}.portrait-caption{left:25px;bottom:23px}.portrait-caption strong{font-size:26px}.portrait-caption span{font-size:9px}.scene-tag{top:30px;right:-20px;font-size:10px;padding:9px 12px}.chapter-line{padding:20px 7%;gap:14px;font-size:12px}.chapter-line p{max-width:240px;line-height:1.6}.section{padding:60px 7%}.section h2{font-size:36px}.section-heading>p:last-child,.stories-intro>p:last-child{font-size:16px}.feature-grid{grid-template-columns:1fr;margin-top:35px;gap:22px}.feature-grid h3{margin-top:14px}.feature-grid p{margin-bottom:5px}.stories{grid-template-columns:1fr;gap:30px}.stories h2{font-size:44px}#story-panel{padding:26px;min-height:260px}.closing{padding:65px 7%}.closing h2{font-size:46px;letter-spacing:-1px}.faq{grid-template-columns:1fr;gap:5px}.faq h2{font-size:29px}.faq summary{font-size:16px}footer{padding:28px 7%;gap:10px;flex-wrap:wrap}footer p{margin-left:auto}footer>span{width:100%;margin:10px 0 0;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Official supplied branding and full-height Daradara illustration. */
.brand{display:block;position:relative;width:190px;height:60px;overflow:hidden;flex-shrink:0}.brand img{display:block;width:190px;height:auto;position:absolute;top:-26px;left:0}.nav{padding-top:15px;padding-bottom:15px}.hero{padding-top:35px;padding-bottom:60px;min-height:790px}.hero-scene{max-width:460px}.portrait{height:650px;border-radius:150px 150px 20px 20px;background:#3d3b3b}.portrait img{object-fit:cover;object-position:center top}.portrait-shade{background:linear-gradient(transparent 65%,rgba(16,16,16,.85))}.chat-bubble{bottom:155px;left:-70px;max-width:270px}.portrait-caption{bottom:24px}.portrait-caption strong{font-size:33px}.scene-tag{top:50px}.hero-actions{gap:0}.hero-copy{padding-right:10px}
@media(max-width:1000px){.portrait{height:590px}.chat-bubble{left:-35px;max-width:235px}.hero{min-height:740px}.brand{width:170px;height:55px}.brand img{width:170px;top:-23px}}
@media(max-width:650px){.nav{padding-top:15px;padding-bottom:15px}.brand{width:145px;height:48px}.brand img{width:145px;top:-18px}.hero{min-height:0;padding-top:28px;padding-bottom:45px}.portrait{height:560px;border-radius:115px 115px 18px 18px}.hero-scene{width:88%;margin-left:0}.chat-bubble{bottom:110px;left:-18px;max-width:210px}.scene-tag{right:-10px;top:35px}.portrait-caption strong{font-size:28px}footer .brand{width:155px;height:50px}footer .brand img{width:155px;top:-20px}}

/* Neutral charcoal stage for the redesigned mascot. */
.portrait{background:radial-gradient(ellipse at 50% 45%,#4a3420 0%,#24201b 40%,#141414 75%);border-color:#39342e}.portrait img{object-fit:contain;object-position:center center;padding:12px 8px 25px}.portrait-shade{background:linear-gradient(transparent 78%,rgba(16,16,16,.85))}.chat-bubble{left:-55px;bottom:140px}.portrait-caption{bottom:22px}
@media(max-width:650px){.chat-bubble{left:-18px;bottom:115px}.portrait img{padding:8px 2px 20px}}

/* Restore the original compact wordmark. */
.brand,footer .brand{display:flex;align-items:center;gap:5px;width:auto;height:auto;overflow:visible;position:static;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand-star{color:var(--accent);font-size:29px;font-weight:400}.brand small{font-size:12px;letter-spacing:1px;font-weight:600;margin-left:3px}.nav{padding-top:29px;padding-bottom:29px}@media(max-width:650px){.nav{padding-top:23px;padding-bottom:23px}.brand,footer .brand{font-size:26px}.brand-star{font-size:25px}}

.feature-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center}.feature-icon svg{width:32px;height:32px}.experience{border-top:1px solid var(--line)}.hero-scene{max-width:500px}.portrait{height:580px;border-radius:160px 160px 22px 22px}.portrait img{padding:10px 0 0;object-fit:contain;object-position:center bottom}.chat-bubble{bottom:95px;left:-60px;max-width:260px}.portrait-caption{bottom:20px}.scene-tag{top:50px}@media(max-width:1000px){.portrait{height:530px}.chat-bubble{left:-30px;max-width:235px}}@media(max-width:650px){.portrait{height:440px;border-radius:115px 115px 18px 18px}.chat-bubble{bottom:88px;left:-18px;max-width:215px}.scene-tag{top:28px}}

.portrait img{object-fit:cover;object-position:center top;padding:0}

/* A typography-only brand signature. */
.brand,footer .brand{gap:9px;font-size:32px;font-weight:700;letter-spacing:-1.6px;line-height:1}.brand-name{display:block}.brand small{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.2px;margin:3px 0 0;padding:5px 0 4px 10px;border-left:1px solid #595047;line-height:1}@media(max-width:650px){.brand,footer .brand{font-size:28px;gap:8px}.brand small{font-size:10px;padding-left:9px}}

/* Equal-size orange wordmark and supplied closing brand assets. */
.brand,footer .brand{color:var(--accent);font-size:31px;letter-spacing:-1.4px;gap:8px;font-weight:700;align-items:baseline}.brand small{font:inherit;color:inherit;letter-spacing:inherit;border:0;padding:0;margin:0;line-height:inherit}.closing-logo{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 3px}.closing-wordmark{position:relative;width:270px;height:84px;margin:0 auto 26px;overflow:hidden}.closing-wordmark img{position:absolute;width:290px;max-width:none;height:auto;left:-10px;top:-42px}.closing h2{margin-top:10px}@media(max-width:650px){.brand,footer .brand{font-size:27px;gap:7px}.brand small{font-size:inherit;padding:0}.closing-logo{width:96px;height:96px}.closing-wordmark{width:240px;height:76px;margin-bottom:22px}.closing-wordmark img{width:260px;left:-10px;top:-37px}}

.closing-logo{mix-blend-mode:screen}

.closing-logo-outline{position:relative;width:340px;height:112px;margin:0 auto 28px;overflow:hidden}.closing-logo-outline img{position:absolute;display:block;width:370px;max-width:none;height:auto;left:-15px;top:-51px}@media(max-width:650px){.closing-logo-outline{width:270px;height:88px;margin-bottom:24px}.closing-logo-outline img{width:294px;left:-12px;top:-41px}}

.brand,footer .brand,.brand small{color:#fe5601}

/* A coordinated, softer burnt-orange palette. */
:root{--accent:#e49a65;--brand-orange:#df8041;--action-orange:#df8a4e;--action-hover:#eba06a}.brand,footer .brand,.brand small{color:var(--brand-orange)}.button,.tabs button[aria-selected=true]{background:var(--action-orange);color:#21180f}.tabs button[aria-selected=true]{border-color:var(--action-orange)}.button:hover{background:var(--action-hover)}.story-link{border-bottom-color:#9c633e}

/* Keep dialogue outside the portrait, clear of Daradara's face. */
.chat-bubble{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;width:calc(100% - 36px);margin:-14px auto 0;transform:none;z-index:2;border-radius:16px;padding:18px 23px}.chat-bubble p{margin:9px 0;font-size:15px}.scene-tag{right:-10px;top:30px;max-width:85%;transform:rotate(3deg)}@media(max-width:1000px){.chat-bubble{left:auto;bottom:auto;max-width:none}}@media(max-width:650px){.chat-bubble{left:auto;bottom:auto;max-width:none;width:calc(100% - 20px);padding:16px 19px;margin-top:-10px}.scene-tag{right:-8px;top:22px;font-size:10px}}

/* Restore the playful overlapping hero without covering the face. */
.chat-bubble{position:absolute;left:-62px;right:auto;top:auto;bottom:52px;max-width:265px;width:265px;margin:0;transform:rotate(-4deg);border-radius:18px 18px 18px 3px;padding:20px 23px;z-index:2}.hero-scene{transform:rotate(1deg)}.portrait-caption{left:32px;bottom:22px}.hero{min-height:790px}@media(max-width:1000px){.chat-bubble{left:-26px;bottom:60px;max-width:225px;width:225px;padding:17px 20px}}@media(max-width:650px){.chat-bubble{left:-18px;bottom:50px;max-width:210px;width:210px;margin:0;padding:15px 18px;transform:rotate(-3deg)}.chat-bubble p{font-size:14px;line-height:1.5}.hero{min-height:0}.portrait-caption{left:auto;right:18px;bottom:17px;text-align:right}.portrait-caption span{font-size:8px;letter-spacing:1px}.portrait-caption strong{font-size:25px}}

/* Richer orange aligned with the supplied brand illustration. */
:root{--accent:#e88846;--brand-orange:#e5752e;--action-orange:#e57932;--action-hover:#ee8c4a}.story-link{border-bottom-color:#a75929}

/* Brand orange specified by the user; coordinated UI shades. */
:root{--brand-orange:#f95800;--accent:#ef8a48;--action-orange:#ed7833;--action-hover:#f58c49}.story-link{border-bottom-color:#ae5a2b}

/* Shared portrait arrangement across desktop and mobile. */
.portrait-caption{left:auto;right:24px;bottom:22px;text-align:right;z-index:1}
.chat-bubble{bottom:100px}
@media(max-width:1000px){.chat-bubble{bottom:80px}.portrait-caption{right:20px}}
@media(max-width:650px){.chat-bubble{bottom:50px}.portrait-caption{left:auto;right:18px;bottom:17px;text-align:right}}

/* Let the role caption stand alone. */
.portrait-caption span{display:block;font-size:15px;letter-spacing:1.5px;line-height:1.45;font-weight:600;color:#f8f3eb}
@media(max-width:1000px){.portrait-caption span{font-size:13px}}
@media(max-width:650px){.portrait-caption span{font-size:11px;letter-spacing:1px}}

/* Keep long bilingual headings inside narrow screens. */
@media(max-width:650px){.hero h1{font-size:clamp(48px,10.3vw,67px)}.hero-copy,.stories-intro,.story-selector{min-width:0}.section h2,.hero h1{overflow-wrap:break-word}}

/* Policy navigation and readable bilingual legal pages. */
footer{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;width:100%;font-size:13px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.footer-links button{font:inherit;border:1px solid #484643;border-radius:24px;padding:8px 15px;background:transparent;color:var(--muted)}.footer-links button:disabled{opacity:.65;cursor:not-allowed}.contact-notice,footer #contact-notice{width:100%;margin:0;color:var(--muted);font-size:12px}.legal-page{max-width:900px;padding:55px 7% 90px;margin:auto}.legal-page [hidden]{display:none}.legal-page h1{font-family:Manrope,sans-serif;font-size:clamp(32px,5vw,52px);letter-spacing:-1.5px;line-height:1.2}.legal-intro{font-size:19px;line-height:1.7;color:var(--muted)}.legal-date{font-size:13px;color:var(--muted);margin-bottom:40px}.legal-page section{margin:30px 0}.legal-page h2{font-size:22px;font-weight:600;line-height:1.4}.legal-page section p{line-height:1.85;color:#c8c4be;overflow-wrap:anywhere}.legal-page a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal-page code{font-size:.9em}.legal-page button{background:var(--surface);color:var(--ink);cursor:pointer}.legal-footer>span{margin-left:0}@media(max-width:650px){.legal-page{padding-top:30px}.legal-page h2{font-size:20px}.legal-intro{font-size:17px}.legal-page~footer{gap:18px}.legal-page~footer p{margin-left:0}.nav-actions>a[data-label]{font-size:12px;max-width:75px}.footer-links{gap:14px 18px}}

/* Align the tagline and policy links without a separate support notice. */
.site-footer{gap:20px 28px;align-items:center}.footer-inline{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;flex:1}.site-footer .footer-inline>p{margin:0;white-space:nowrap}.site-footer .footer-links{width:auto;gap:12px 18px}.site-footer>.footer-copyright{margin-left:auto;white-space:nowrap}@media(max-width:650px){.site-footer .footer-inline{flex-basis:100%;gap:14px}.site-footer .footer-links{gap:12px 16px}.site-footer>.footer-copyright{width:auto;margin:0}}

.site-footer .footer-inline>p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:19px;line-height:1.4;color:var(--ink)}

/* Match the policy-link size while keeping the tagline's serif italic. */
.site-footer .footer-inline>p{font-size:13px}