@font-face{font-family:Comfortaa;src:url('/assets/ComfortaaBold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/RubikRegular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/RubikBold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#12394d;--muted:#465f70;--blue:#00658d;--sky:#dff3ff;--yellow:#feb300;--paper:#f9f9ff;--line:#d5e3ef;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:var(--blue);text-underline-offset:4px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:Comfortaa,sans-serif;font-size:21px;white-space:nowrap}.brand img{width:52px;height:52px;border-radius:16px}.header nav{display:flex;align-items:center;gap:32px}.header nav a{text-decoration:none;font-size:15px;font-weight:700}.header nav a:hover{text-decoration:underline}.studio{font-size:14px;letter-spacing:.04em;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:44px 0 64px;min-height:570px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 24px}.eyebrow:before{content:'';width:8px;height:8px;background:var(--yellow);border-radius:50%}h1,h2,h3{font-family:Comfortaa,Arial,sans-serif;font-weight:700;line-height:1.2;margin:0}h1{font-size:clamp(44px,4.7vw,65px);letter-spacing:-2.8px}h1 span{color:var(--blue)}.hero p:not(.eyebrow){font-size:19px;max-width:380px;color:var(--muted);margin:25px 0 31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--yellow);border:0;border-radius:18px;padding:15px 26px;box-shadow:0 5px 0 #c78b00;color:#453300;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #c78b00}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #c78b00}.hero-art{position:relative;isolation:isolate}.hero-art>img{width:100%;border-radius:38% 44% 32% 42%;mix-blend-mode:multiply}.art-label{position:absolute;bottom:18px;right:12px;background:white;border:1px solid var(--line);border-radius:16px;padding:11px 20px;box-shadow:0 8px 28px #00658d12;font-size:14px;transform:rotate(-5deg)}.art-label b{color:var(--blue)}.intro-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:14px}.intro-line b{color:var(--ink)}.section{padding:84px 0}.section h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-1.5px}.section-lead{max-width:550px;color:var(--muted);margin:20px 0 36px}.world-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:22px}.world{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--sky);margin:0;min-height:310px}.world img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.world:hover img{transform:scale(1.035)}.world:first-child{grid-row:span 2}.world:first-child img{min-height:645px;object-fit:cover}.world figcaption{position:absolute;left:20px;bottom:20px;background:#ffffffed;border-radius:16px;padding:10px 18px;font-size:15px;font-weight:700}.world-small{display:grid;grid-template-columns:1fr 1fr;gap:22px}.world-small .world{min-height:300px}.world-small .world:first-child{grid-row:auto}.world-small .world:first-child img{min-height:300px}.how{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.card-friends{position:relative;display:flex;align-items:center;justify-content:center;min-height:370px;background:#e7f4ff;border-radius:44% 35% 42% 32%;padding:40px}.pal-card{background:white;border:7px solid white;border-radius:23px;box-shadow:0 14px 0 #c2deed,0 20px 40px #00658d12;width:46%;transform:rotate(-12deg)}.pal-card+img{transform:rotate(10deg);margin-left:-20px;margin-top:65px}.steps{margin:30px 0 0;padding:0;list-style:none;counter-reset:step}.steps li{display:grid;grid-template-columns:42px 1fr;gap:17px;margin:22px 0;counter-increment:step}.steps li:before{content:counter(step);border-radius:50%;background:#dff0ff;color:var(--blue);width:38px;height:38px;display:grid;place-items:center;font-weight:700}.steps h3{font:700 19px Rubik,sans-serif;margin:2px 0 5px}.steps p{font-size:16px;color:var(--muted);margin:0}.notes{padding:50px;background:#e7f4ff;border-radius:var(--radius);display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.notes h2{font-size:32px}.notes p{color:var(--muted);margin:16px 0 0}.notes dl{margin:0}.notes dt{font-weight:700}.notes dd{margin:4px 0 20px;font-size:15px;color:var(--muted)}.help{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:65px 0}.help h2{font-size:32px}.help p{color:var(--muted);margin:14px 0 0}.footer{border-top:1px solid var(--line);padding:28px 0 32px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;color:var(--muted)}.footer nav{display:flex;flex-wrap:wrap;gap:24px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.legal-hero{padding:52px 0 40px}.legal-hero h1{font-size:clamp(36px,5vw,55px);letter-spacing:-1.5px}.legal-hero p{color:var(--muted);max-width:650px}.legal{max-width:800px;padding-bottom:65px}.legal h2{font-size:23px;margin:36px 0 13px;letter-spacing:-.5px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:23px}.legal .notice{padding:20px 24px;border-left:4px solid var(--blue);background:#e7f4ff;border-radius:0 16px 16px 0}.support-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding-bottom:70px}.support-grid aside p{color:var(--muted)}.support-grid aside img{max-width:210px;margin:25px auto}.form{padding:32px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.field{margin-bottom:20px}.field label{display:block;font-weight:700;margin-bottom:7px;font-size:15px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #9aafc0;border-radius:12px;color:var(--ink);background:#fcfdff}textarea{resize:vertical;min-height:155px}.form small{font-size:13px;display:block;color:var(--muted)}.form .button{margin:12px 0}.notice{border-radius:16px;padding:18px 22px;margin-bottom:24px;background:#e7f4ff;color:var(--ink)}.notice.error{background:#ffebeb;color:#8b1420}.notice.success{background:#e4f5eb;color:#1d5c39}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status:empty{display:none}.form-status{font-size:14px;color:var(--muted)}.fade{animation:enter .65s both}.hero-art.fade{animation-delay:.12s}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
img{height:auto}.hero-art>img{aspect-ratio:1;object-fit:contain}.world-grid>.world:nth-child(2) img{height:calc(100% + 110px);margin-top:-110px}.world-small .world img{height:100%;margin-top:0;object-fit:cover}
@media(min-width:1500px){.hero{min-height:640px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{height:78px}.header nav{gap:18px}.studio{display:none}.hero{gap:10px;min-height:490px;padding:34px 0 45px}h1{font-size:44px;letter-spacing:-2px}.hero p:not(.eyebrow){font-size:17px}.how{gap:38px}.notes{gap:30px;padding:34px}.support-grid{gap:30px;grid-template-columns:1fr 1.3fr}.world:first-child img{min-height:580px}.world-small .world{min-height:267px}.world-small .world:first-child img{min-height:267px}.world figcaption{left:12px;bottom:12px;font-size:13px;padding:8px 12px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:80px;gap:12px}.brand{font-size:16px;gap:8px}.brand img{width:41px;height:41px;border-radius:12px}.header nav{gap:16px}.header nav a{font-size:13px}.header nav .album-link{display:none}.hero{grid-template-columns:1fr;padding:30px 0 25px;gap:12px;min-height:0}.hero h1{font-size:44px;letter-spacing:-2px}.hero p:not(.eyebrow){margin:20px 0 24px;max-width:340px}.eyebrow{margin-bottom:16px;font-size:11px}.hero-art{width:min(340px,100%);justify-self:center;margin-top:5px}.art-label{bottom:4px;right:0;font-size:12px;padding:8px 14px}.intro-line{display:block;padding:20px 0;font-size:13px}.intro-line span{display:block;margin:5px 0}.section{padding:50px 0}.section h2{font-size:31px;letter-spacing:-1px}.section-lead{font-size:16px}.world-grid{grid-template-columns:1fr;gap:16px}.world:first-child{grid-row:auto}.world:first-child img{min-height:0;height:300px}.world{min-height:240px;height:240px}.world-small{gap:16px}.world-small .world{min-height:190px;height:190px}.world-small .world:first-child img{min-height:0;height:190px}.world figcaption{font-size:12px;left:10px;bottom:10px;padding:7px 10px}.how{grid-template-columns:1fr;gap:35px}.card-friends{min-height:290px;max-width:400px;width:100%;justify-self:center;padding:30px}.notes{grid-template-columns:1fr;gap:25px;padding:28px 24px}.notes h2{font-size:27px}.notes dd:last-child{margin-bottom:0}.help{align-items:flex-start;flex-direction:column;padding:50px 0}.help h2{font-size:28px}.footer{align-items:flex-start;flex-direction:column;font-size:12px}.footer nav{gap:18px}.legal-hero{padding:35px 0 25px}.legal-hero h1{font-size:37px}.legal{font-size:16px}.support-grid{grid-template-columns:1fr;gap:20px}.support-grid aside img{display:none}.form{padding:24px 20px}.form .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}