:root{--black:#05080d;--navy:#0c1623;--blue:#8edbff;--white:#edf6fc;--muted:#a1b0c0;--gold:#d7b879;--line:#263b50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font:15px/1.55 Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p,figure{margin:0}img{max-width:100%}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{height:80px;padding:0 max(28px,calc((100% - 1280px)/2));display:flex;gap:30px;align-items:center;position:sticky;top:0;z-index:20;background:#05080df7;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center}.brand img{height:48px;width:48px}.brand strong{font-size:18px;display:block}.brand small{font-size:9px;letter-spacing:0;color:var(--blue)}nav{display:flex;gap:28px;margin-inline-start:auto;font-size:12px}nav a:hover{color:var(--blue)}select{font:11px Arial,sans-serif;background:var(--navy);color:var(--white);border:1px solid #466078;border-radius:2px;padding:8px 10px;width:115px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:30px max(28px,calc((100% - 1280px)/2)) 32px;align-items:center}.kicker{font-size:10px;letter-spacing:0;font-weight:bold;color:var(--blue);margin-bottom:19px}h1{font-size:88px;line-height:.87;letter-spacing:0;font-weight:900}h1 span{color:var(--blue)}.hero h2{font-size:24px;letter-spacing:0;margin-top:22px}.intro{max-width:475px;font-size:14px;color:var(--muted);margin-top:12px}.identity{display:flex;align-items:center;gap:28px;width:fit-content;border-block:1px solid var(--line);padding:11px 0;margin-top:23px}.identity span{font-size:10px;letter-spacing:0;color:var(--muted)}.identity b{font-size:28px;letter-spacing:0;color:var(--gold)}.actions{display:flex;gap:12px;margin-top:22px}.button{display:inline-flex;justify-content:center;align-items:center;font-size:13px;font-weight:bold;min-height:49px;min-width:185px;padding:11px 24px;border:1px solid var(--blue);border-radius:3px;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.host{background:var(--blue);color:#08111c}.agent{background:#0c1c2b;color:var(--white)}.agent:hover{background:#152d40}.fine{font-size:10px;color:var(--muted);margin-top:12px}.hero-art{max-width:460px;justify-self:end}.hero-art>img{width:100%;display:block}.hero-art figcaption{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:var(--muted);letter-spacing:0;padding-top:6px}.hero-art figcaption span:last-child{color:var(--gold)}.manifesto{display:flex;justify-content:space-between;gap:25px;background:#0b1b2b;border-block:1px solid #244663;padding:17px max(28px,calc((100% - 1280px)/2));font-size:10px;letter-spacing:0}.manifesto span{color:var(--gold)}.section{padding:49px max(28px,calc((100% - 1280px)/2))}.section-label{display:flex;gap:17px;font-size:9px;letter-spacing:0;color:var(--muted);align-items:baseline;margin-bottom:23px}.section-label>span{color:var(--gold);font-size:11px}.family{display:grid;grid-template-columns:.4fr 1fr .65fr;gap:40px;align-items:start}.family .section-label{padding-top:8px}.family-copy h2{margin-bottom:19px}h2{font-size:37px;line-height:1.12;font-weight:bold;letter-spacing:0}.family-copy p{font-size:13px;color:var(--muted);max-width:525px}.family-copy .subtle{font-size:11px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.photo-inline img{width:100%;height:225px;object-fit:cover;object-position:center;display:block;border:1px solid #36546e}.photo-inline figcaption{font-size:8px;color:var(--muted);margin-top:8px;letter-spacing:0}.roles{background:var(--navy);border-block:1px solid var(--line)}.role-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.role-columns article+article{border-inline-start:1px solid #3b5369;padding-inline-start:60px}.role-columns h2{font-size:34px;margin-bottom:20px}.role-columns p:not(.kicker){font-size:13px;color:var(--muted);max-width:485px}.role-columns ul{padding:0;list-style:none;font-size:12px;margin:22px 0 25px}.role-columns li{padding:9px 0;border-bottom:1px solid #263d50}.story{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px;align-items:start}.poster{max-width:260px}.poster img{width:100%;height:auto;display:block}.story-content{padding-top:18px}.story h2{margin-bottom:22px}.story-content>p{font-size:13px;color:var(--muted);max-width:670px}.portrait-feature{display:grid;grid-template-columns:.6fr 1fr;gap:35px;margin-top:30px}.portrait-feature>img{height:300px;width:100%;object-fit:cover;object-position:center top;display:block}.portrait-feature .kicker{margin-top:6px}dl{margin:0}dl>div{border-top:1px solid var(--line);padding:13px 0}dt{font-size:13px;color:var(--blue);font-weight:bold}dd{margin:5px 0 0;font-size:12px;color:var(--muted)}.join{background:#0a1420;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-block:1px solid var(--line)}.join ol{list-style:none;padding:0;margin:0}.join li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:18px 0}.join li:first-child{padding-top:0}.join li>span{font-size:16px;color:var(--gold)}h3{font-size:21px;letter-spacing:0}.join p:not(.section-label p){font-size:12px;color:var(--muted);margin-top:5px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;padding:17px 0;font-weight:bold}.questions p{font-size:12px;color:var(--muted);padding-bottom:20px;max-width:590px}.closing{display:flex;align-items:center;justify-content:center;gap:45px;padding:26px max(28px,calc((100% - 1280px)/2));background:#0b1b2a;border-block:1px solid #39536a}.closing img{width:135px;height:135px}.closing h2{font-size:32px}.closing .kicker{color:var(--gold)}footer{display:grid;grid-template-columns:.7fr .7fr 1.4fr;gap:30px;padding:28px max(28px,calc((100% - 1280px)/2))}footer strong{font-size:17px}footer span{display:block;font-size:9px;color:var(--muted);letter-spacing:0}footer b{font-size:23px;color:var(--gold)}footer p{font-size:11px;color:var(--muted);margin-top:5px}[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}[dir=rtl] .hero h1{letter-spacing:0;text-align:right}[dir=rtl] .hero h2,[dir=rtl] h2{letter-spacing:0}[dir=rtl] .kicker,[dir=rtl] .section-label,[dir=rtl] .identity span{letter-spacing:0}[dir=rtl] .hero-art figcaption{direction:rtl}
@media(max-width:1050px) and (min-width:721px){header{gap:18px}nav{gap:16px}.hero{gap:30px}h1{font-size:65px}.family{grid-template-columns:1fr 1fr}.family>.section-label{grid-column:1/-1;margin-bottom:0}.role-columns{gap:30px}.role-columns article+article{padding-inline-start:30px}.story{gap:35px}.portrait-feature{gap:20px}.button{min-width:150px;padding-inline:18px}}
@media(max-width:720px){html{scroll-padding-top:76px}header{height:72px;padding:0 16px;gap:10px}.brand{flex:1;gap:9px}.brand img{width:41px;height:41px}.brand strong{font-size:14px}.brand small{font-size:8px}nav{display:none}select{width:98px;font-size:10px;padding:7px 8px}.hero{display:flex;flex-direction:column;padding:21px 16px 22px;gap:12px}.hero-copy{display:contents}.hero .kicker{order:1;font-size:8px;width:100%;margin:0}h1{order:2;font-size:54px;width:100%;line-height:.9}.hero h2{order:3;margin:0;width:100%;font-size:20px}.intro{order:4;margin:0;width:100%;font-size:11px;line-height:1.45}.identity{order:5;margin:0;width:100%;justify-content:space-between;gap:10px;padding:8px 0}.identity span{font-size:8px}.identity b{font-size:22px}.hero-art{order:6;width:245px;align-self:center;justify-self:auto}.hero-art figcaption{font-size:6px;padding-top:4px}.hero .actions{order:7;margin:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero .button{min-width:0;min-height:45px;padding:10px 6px;font-size:11px}.hero .fine{order:8;margin:0;width:100%;font-size:8px}.manifesto{padding:14px 16px;display:block;font-size:8px}.manifesto span{display:none}.section{padding:32px 16px}.section-label{font-size:8px;margin-bottom:18px;gap:12px}h2{font-size:29px}.family{grid-template-columns:1fr;gap:18px}.family .section-label{padding-top:0;margin-bottom:0}.family-copy p{font-size:12px}.photo-inline{width:100%}.photo-inline img{height:250px}.role-columns{grid-template-columns:1fr;gap:28px}.role-columns h2{font-size:29px}.role-columns article+article{border-inline-start:0;border-top:1px solid #3b5369;padding-inline-start:0;padding-top:28px}.role-columns .button{width:100%}.story{grid-template-columns:1fr;gap:25px}.poster{max-width:210px;margin:auto}.story-content{padding-top:0}.story-content>p{font-size:12px}.portrait-feature{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.portrait-feature>img{height:290px}.portrait-feature .kicker{font-size:8px;margin-bottom:12px}dt{font-size:11px}dd{font-size:10px}.join{grid-template-columns:1fr;gap:24px}.join li{padding:16px 0;gap:17px}.join h3{font-size:19px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:12px}.questions p{font-size:11px}.closing{padding:28px 16px}.closing img{display:none}.closing>div{width:100%}.closing h2{font-size:28px}.closing .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.closing .button{min-width:0;padding:10px 5px;font-size:11px}footer{grid-template-columns:1fr 1fr;padding:25px 16px;gap:22px}footer>p{grid-column:1/-1}[dir=rtl] .hero h1{text-align:right}[dir=rtl] .hero h2{font-size:21px}[dir=rtl] .intro{font-size:12px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Design revision: a shared lightning / dragon / ninja world across the page. */
body{background:#030916 url('assets/buddy-family-storm-world-v2.png') center top / 100% auto repeat-y;color:#f1f8ff}
header{background:#020913ec;border-bottom-color:#477eaf}
.hero{background:#03102236;position:relative}
.hero-copy{background:#020a16ad;padding:22px 24px;border-inline-start:2px solid #6ecaff;box-shadow:0 0 40px #0310279c}
.hero-art>img{mix-blend-mode:normal;border-radius:50%}
.hero-art figcaption{background:#031021be;padding:8px 10px;color:#d3e9fa}
h1,h2,h3{color:#f0f8ff;text-shadow:0 2px 10px #02060a}
h1 span{color:#8edbff}
.intro,.family-copy p,.role-columns p:not(.kicker),.story-content>p,.questions p,dd,.join p:not(.section-label p),footer p{color:#d0deed}
.identity{border-color:#497499}.identity b{color:#ead097}
.manifesto{background:#082c49cf;border-block-color:#4487ba}
.family{background:#031026a6}
.family-copy{padding:20px;background:#030b19b5;border-inline-start:1px solid #436d92}
.roles{background:#061c36bf;border-color:#3d77a5}
.role-columns article{padding:22px;background:#020b19b8}
.role-columns article+article{padding-inline-start:30px;border-inline-start-color:#5b91b9}
.story{background:#040d2191}
.story-content{padding:24px;background:#030c1bbd}
.poster img{border:1px solid #4b7cac;box-shadow:0 0 25px #06315199}
.portrait-feature>img,.photo-inline img{border:1px solid #6496bb;box-shadow:0 0 15px #030a18}
.join{background:#031831c9;border-block-color:#326894}
.join ol{background:#020b19b8;padding:20px}
.faq{background:#020d20c7}
.questions{padding:8px 22px;background:#020b19b8}
.closing{background:#08254a9e;border-block-color:#417cb0}
footer{background:#020915de}
.button{border-color:#83d1ff;box-shadow:0 0 15px #1586d52b}
.host{background:#9edfff;color:#061427}.agent{background:#06223deb}
.button:hover{box-shadow:0 0 22px #4fbaff66}
.fine{color:#c8d9e9}.section-label{color:#c4d5e4}
@media(max-width:720px){
body{background-size:780px auto;background-position:15% top}
.hero-copy{display:contents;padding:0;border:0;box-shadow:none}
.hero{background:#020a199c}
.hero .intro{padding:7px 8px;background:#020b1bc7;border-inline-start:1px solid #5686ab;font-size:11px}
.hero .identity{background:#020c1bbf;padding-inline:8px}
.hero h1{font-size:54px}
.hero-art figcaption{font-size:6px;padding:5px}
.family{background:#04152bbf}.family-copy{padding:16px}
.roles{background:#051c32bd}.role-columns article{padding:18px}
.role-columns article+article{padding-inline-start:18px;padding-top:22px}
.story{background:#041227b0}.story-content{padding:18px}
.portrait-feature{grid-template-columns:1fr;gap:20px}.portrait-feature>img{width:75%;height:320px;margin-inline:auto}
.join{background:#041c36c4}.join ol{padding:18px}
.faq{background:#020f24bd}.questions{padding:4px 15px}
.closing{background:#092c48b0}footer{background:#020c1be3}
}