.localized-site { margin:0; overflow-x:clip; }
.localized-header { position:relative; z-index:50; display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:16px; padding:12px max(20px,calc((100% - 1160px)/2)); border-bottom:1px solid rgba(30,50,40,.1); background:#fffaf1; }
.orbit-site .localized-header { background:#fafcff; }
.localized-brand { font-size:25px; font-weight:900; text-decoration:none; color:#bc4b00; }
.orbit-site .localized-brand { color:#0876b6; }
.header-actions { display:flex; align-items:center; gap:24px; }
.header-actions > a { text-decoration:none; font-weight:800; font-size:15px; }
.language-menu { position:relative; }
.language-menu summary { cursor:pointer; padding:9px 12px; border:1px solid rgba(30,50,40,.15); border-radius:12px; font-size:14px; font-weight:800; }
.language-menu nav { position:absolute; right:0; top:calc(100% + 8px); display:grid; grid-template-columns:repeat(2,minmax(135px,1fr)); width:min(360px,calc(100vw - 32px)); max-height:70vh; overflow:auto; gap:3px; padding:10px; border:1px solid #ddd; border-radius:16px; background:#fff; box-shadow:0 12px 32px #18211b22; }
.language-menu a { display:block; padding:10px; font-size:14px; color:#253b30; text-decoration:none; border-radius:9px; }
.language-menu a:hover,.language-menu a[aria-current] { background:#edf6f0; }
.language-suggestion { text-align:center; padding:9px 20px; background:#e9f6ed; }
.language-suggestion[hidden] { display:none; }
.language-suggestion a { color:#135b32; font-weight:800; text-underline-offset:3px; }
.localized-site .localized-hero { height:auto; min-height:calc(100svh - 72px); padding-block:40px; }
.localized-eyebrow { margin:0 0 14px; color:#18733f; font-size:13px; font-weight:900; letter-spacing:.08em; line-height:1.4; }
.orbit-site .localized-eyebrow { color:#086da9; }
.localized-hero h1 { font-size:clamp(40px,5.8vw,76px); line-height:1.02; overflow-wrap:anywhere; }
.localized-hero h1 span,.localized-hero h1 em { display:block; }
.localized-hero h1 em { font-style:normal; }
.orbit-site .localized-hero h1 { margin:0 0 18px; color:#0785ce; font-size:clamp(46px,6vw,72px); font-weight:900; letter-spacing:-.05em; }
.localized-intro { margin:22px auto; max-width:560px; color:#46574b; font-size:clamp(17px,1.7vw,21px); line-height:1.5; }
.orbit-site .localized-intro { color:#465665; }
.localized-download { display:inline-block; max-width:100%; padding:13px 20px; border-radius:16px; background:#111713; color:white !important; text-decoration:none; font-size:17px; font-weight:800; line-height:1.4; }
.orbit-site .localized-download { border-radius:999px; }
.device-note { font-size:13px; color:#536057; margin:12px 0; }
.localized-how { display:inline-block; margin:8px 0; color:#146c3a; font-weight:800; font-size:15px; text-underline-offset:4px; }
.orbit-site .localized-how { color:#086da9; }
.localized-content { background:rgba(255,250,241,.98); border-top:1px solid #18211b1a; }
.orbit-site .localized-content { background:#fff; }
.localized-section { width:min(1060px,calc(100% - 48px)); margin:0 auto; padding:56px 0; scroll-margin-top:24px; }
.localized-section + .localized-section { border-top:1px solid #18211b1a; }
.localized-section h2 { max-width:880px; margin:0 0 25px; font-size:clamp(27px,3.5vw,40px); line-height:1.2; font-weight:900; letter-spacing:-.025em; }
.localized-section h3 { margin:0 0 13px; font-size:22px; line-height:1.3; }
.localized-section p { color:#46574b; font-size:17px; line-height:1.65; }
.orbit-site .localized-section p { color:#465665; }
.localized-section a { color:#146c3a; text-underline-offset:4px; font-weight:800; }
.orbit-site .localized-section a { color:#086da9; }
.localized-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:28px 0 0; list-style:none; counter-reset:step; }
.localized-steps li { counter-increment:step; background:white; border:1px solid #18211b1a; border-radius:22px; padding:26px; }
.orbit-site .localized-steps li { background:#f7fcff; }
.localized-steps li::before { content:counter(step); display:grid; place-items:center; width:40px; height:40px; margin-bottom:20px; border-radius:13px; color:#98400a; background:#fff0df; font-size:22px; font-weight:900; }
.orbit-site .localized-steps li::before { color:#086da9; background:#e1f3ff; }
.localized-steps p { margin-bottom:0; }
.localized-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.localized-faq details { padding:22px 0; border-bottom:1px solid #18211b1a; }
.localized-faq summary { font-size:20px; font-weight:800; line-height:1.4; cursor:pointer; }
.localized-faq details p { margin:16px 0 0; }
.contact-email { display:inline-block; font-size:clamp(17px,2vw,23px); overflow-wrap:anywhere; }
.localized-section .english-note { font-size:14px; margin-top:24px; }
.localized-cta { text-align:center; }
.localized-cta h2 { margin-inline:auto; }
.localized-footer { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; padding:32px 20px; border-top:1px solid #18211b1a; }
.localized-footer a { color:#46574b; font-size:14px; font-weight:700; }
.localized-footer p { flex-basis:100%; margin:0; text-align:center; font-size:13px; color:#536057; }
.support-main { min-height:65vh; }
.support-heading { padding-bottom:20px; }
.support-heading h1 { margin:0; font-size:clamp(32px,5vw,52px); line-height:1.15; letter-spacing:-.03em; }
.localized-site a:focus-visible,.localized-site summary:focus-visible { outline:3px solid #18733f; outline-offset:4px; }
html:lang(ja) .localized-site,html:lang(ko) .localized-site,html:lang(zh-Hans) .localized-site { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
@media(max-width:980px) and (min-width:761px) {
 .dino-site .hero { grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr); gap:30px; }
}
@media(max-width:760px) {
 .localized-header { min-height:64px; padding:10px 16px; gap:10px; }
 .localized-brand { font-size:22px; }
 .header-actions { gap:12px; }
 .header-actions > a { font-size:13px; }
 .language-menu summary { padding:8px; font-size:12px; }
 .localized-site .localized-hero { min-height:calc(100svh - 64px); gap:28px; padding-block:30px; }
 .dino-site .hero { width:calc(100% - 32px); }
 .dino-site .character-side { flex:none; height:auto; width:100%; padding:24px 0; }
 .dino-site .character-card { width:min(66vw,280px); }
 .dino-site .orbit-one { width:min(72vw,304px); }
 .dino-site .orbit-two { width:min(78vw,330px); }
 .dino-site .question-chip { left:calc(50% - min(33vw,140px)); top:12%; }
 .dino-site .unlock-chip { right:calc(50% - min(33vw,140px)); bottom:12%; }
 .localized-hero h1 { font-size:clamp(34px,9vw,54px); line-height:1.08; }
 .localized-intro { font-size:17px; margin:18px auto; }
 .localized-eyebrow { font-size:11px; }
 .localized-section { width:calc(100% - 36px); padding:38px 0; }
 .localized-steps,.localized-features { grid-template-columns:1fr; gap:22px; }
 .localized-faq summary { font-size:18px; }
}
@media(orientation:landscape) and (max-height:540px) {
 .dino-site .localized-hero { display:grid; grid-template-columns:1fr 1.1fr; }
 .dino-site .character-card { width:min(30vw,250px); }
 .dino-site .character-side { height:auto; }
 .localized-site .localized-hero { min-height:calc(100svh - 64px); }
}

/* App typography with an open, atmospheric landing-page layout. */
@font-face { font-family:"Baloo 2"; src:url("/assets/fonts/baloo2-variable.ttf") format("truetype"); font-style:normal; font-weight:400 800; font-display:swap; }
.dino-site { background:#fff; font-family:"Baloo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.dino-site::before { display:none; }
.dino-site .localized-header { min-height:88px; padding:18px 28px; background:#fff; border-bottom:0; }
.dino-site[data-page="home"] .localized-header { position:absolute; inset:0 0 auto; background:transparent; }
.dino-site[data-page="home"] .language-suggestion { display:none; }
.dino-site .header-actions { gap:12px; }
.dino-site .header-actions > a { font-size:16px; font-weight:600; }
.dino-site .header-faq { padding:12px; }
.dino-site .header-support { padding:12px; background:transparent; }
.dino-site .language-menu summary { display:flex; align-items:center; gap:7px; list-style:none; border:0; padding:10px; font-weight:500; font-size:15px; }
.dino-site .language-menu summary::-webkit-details-marker { display:none; }
.dino-site .language-menu summary svg { width:20px; height:20px; flex:none; }
.dino-site .language-menu summary::after { content:""; width:5px; height:5px; border-right:1.5px solid; border-bottom:1.5px solid; transform:rotate(45deg) translateY(-2px); margin-left:3px; }
.dino-site .localized-brand { display:inline-flex; align-items:center; gap:9px; color:#202720; font-size:30px; font-weight:800; letter-spacing:-.04em; }
.dino-site .localized-brand img { width:40px; height:40px; object-fit:contain; }
.dino-site .header-actions > a { color:#3f4c44; }
.dino-site .localized-hero { position:relative; isolation:isolate; display:flex; justify-content:center; width:100%; min-height:690px; height:auto; margin:0; padding:128px 24px 90px; overflow:hidden; background:radial-gradient(ellipse at 50% 12%,#fff0c6 0,transparent 48%),radial-gradient(ellipse at 4% 48%,#d6ece3 0,transparent 42%),radial-gradient(ellipse at 96% 35%,#f1dce8 0,transparent 42%),linear-gradient(#edf6fb 0%,#fff4e8 62%,#fff 100%); }
.dino-site .localized-hero::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:.6; background:radial-gradient(ellipse at 13% 24%,#fff9 0 7%,transparent 23%),radial-gradient(ellipse at 87% 13%,#fff9 0 8%,transparent 26%),radial-gradient(ellipse at 73% 60%,#fff7 0 6%,transparent 24%); filter:blur(12px); }
.dino-site .hero-copy { max-width:900px; margin:0 auto; text-align:center; }
.dino-site .localized-eyebrow { display:inline-block; padding:9px 15px; border:1px solid #fff; border-radius:999px; background:#ffffffb3; color:#45574a; font-size:12px; font-weight:700; letter-spacing:.035em; }
.dino-site .localized-hero h1 { margin:20px 0 0; color:#202720; font-family:inherit; font-size:clamp(64px,6.6vw,88px); font-weight:800; letter-spacing:-.045em; line-height:1.02; }
.dino-site .localized-hero h1 em { margin-top:0; color:#ed7d24; font-style:normal; font-weight:800; }
.dino-site .localized-intro { max-width:610px; margin:25px auto; color:#526056; font-size:20px; font-weight:500; line-height:1.6; }
.dino-site .localized-download { padding:14px 23px; border:1px solid #17241b; border-radius:13px; background:#17241b; font-size:16px; font-weight:800; box-shadow:0 8px 18px -12px #17241b88; transition:transform .2s ease; }
.dino-site .localized-download:hover { transform:translateY(-2px); }
.dino-site .device-note { margin:13px 0 10px; font-size:12px; }
.dino-site .localized-how { margin:2px 0; font-size:14px; color:#536057; }
.dino-hero-art { position:absolute; z-index:1; bottom:0; right:max(18px,calc((100% - 1160px)/2)); width:220px; }
.dino-hero-art > img { display:block; width:100%; height:auto; }
.dino-hero-note { position:absolute; display:flex; align-items:center; gap:8px; max-width:220px; padding:9px 12px; border:1px solid #fff; border-radius:12px; background:#fffef9; box-shadow:0 10px 24px -12px #7e593b44; color:#46584b; font-size:12px; font-weight:800; line-height:1.25; }
.dino-hero-note b { flex:none; color:#dc7020; font-size:18px; }
.dino-note-question { top:20px; left:-100px; transform:rotate(-6deg); }
.dino-note-unlock { bottom:20px; right:4px; transform:rotate(5deg); }
.dino-note-unlock b { color:#138951; }
.dino-site .localized-content { background:#fff; border:0; }
.dino-site .localized-section { padding-block:64px; }
.dino-site .localized-section h2,.dino-site .support-heading h1,.dino-site .blog-index h1,.dino-site .blog-article-heading h1 { font-family:inherit; font-weight:700; letter-spacing:-.035em; line-height:1.16; }
.dino-site .localized-section h2 { font-size:clamp(32px,4vw,46px); }
.dino-faq { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:80px; align-items:start; }
.dino-faq > div:first-child p { max-width:330px; margin:0 0 22px; }
.dino-faq > div:first-child > a { font-size:15px; }
.dino-faq-list details { padding:24px 0; border-bottom:1px solid #e0e7de; }
.dino-faq-list details:first-child { padding-top:4px; }
.dino-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:22px; cursor:pointer; list-style:none; color:#354338; font-size:18px; font-weight:800; line-height:1.45; }
.dino-faq-list summary::-webkit-details-marker { display:none; }
.dino-faq-list summary svg { flex:none; width:28px; height:28px; border:1px solid #bdd8c2; border-radius:50%; padding:5px; fill:none; stroke:#47885a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.dino-faq-list details[open] summary svg { transform:rotate(180deg); }
.dino-faq-list details p { margin:17px 0 0; padding-right:32px; font-size:16px; line-height:1.75; }
.dino-site .localized-cta { margin-block:12px 56px; padding:54px 30px; border:1px solid #f2e8d8; border-radius:27px; background:radial-gradient(ellipse at 80% 100%,#e8f0de,transparent 65%),#fff7ea; }
.dino-site .localized-cta h2 { max-width:720px; }
.dino-site .localized-footer { background:#fffdf8; }
@media(max-width:1050px) {
 .dino-hero-art { width:180px; right:16px; }
 .dino-note-question { left:-64px; top:12px; }
}
@media(max-width:760px) {
 .dino-site .localized-hero { flex-direction:column; gap:0; min-height:0; padding:106px 18px 0; }
 .dino-site .hero-copy { order:-1; }
 .dino-site .localized-hero h1 { margin-top:18px; font-size:clamp(47px,12.5vw,74px); line-height:1.02; }
 .dino-site .localized-eyebrow { padding:8px 12px; font-size:10px; }
 .dino-site .localized-intro { max-width:500px; margin:21px auto; font-size:17px; }
 .dino-hero-art { position:relative; bottom:auto; right:auto; width:190px; margin:30px auto 0; }
 .dino-note-question { top:8px; left:-57px; }
 .dino-note-unlock { right:-58px; bottom:24px; max-width:190px; }
 .dino-hero-note { padding:8px 10px; font-size:11px; }
 .dino-site .localized-section { padding-block:42px; }
 .dino-site .localized-section h2 { font-size:33px; }
 .dino-faq { grid-template-columns:1fr; gap:28px; }
 .dino-faq > div:first-child h2 { margin-bottom:15px; }
 .dino-faq > div:first-child p { margin-bottom:14px; }
 .dino-faq-list summary { font-size:17px; }
 .dino-faq-list details p { padding-right:0; }
 .dino-site .localized-cta { margin-bottom:36px; padding:38px 22px; }
}
@media(max-width:760px) {
 .dino-site .localized-header { min-height:76px; padding:14px 18px; gap:8px; }
 .dino-site .localized-brand { gap:6px; font-size:25px; }
 .dino-site .localized-brand img { width:32px; height:32px; }
 .dino-site .header-actions { gap:7px; }
 .dino-site .header-faq,.dino-site .language-current-name { display:none; }
 .dino-site .language-menu summary { padding:9px 6px; }
 .dino-site .language-menu summary::after { display:none; }
}
@media(max-width:359px) {
 .dino-site .localized-header { padding-inline:12px; }
 .dino-site .localized-brand { font-size:22px; }
 .dino-site .localized-brand img { width:27px; height:27px; }
}
@media(prefers-reduced-motion:reduce) { .dino-site * { scroll-behavior:auto; transition:none; } }