@import url('fonts.css');
:root{--bg:#f8f6ee;--ink:#283d31;--muted:#626b5d;--accent:#42624b;--soft:#e9eddf;--line:#d7dccd;--warm:#c9966f;--display:'Lora',Georgia,serif;--body:'Manrope',Arial,sans-serif;--radius:24px;--gutter:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--body);-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,summary{color:inherit}button{border:0}svg{display:block}button svg,a svg{width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:5px}p,h1,h2,h3{margin:0}p+p{margin-top:18px}h1,h2{font-family:var(--display);font-weight:400;line-height:1.16;letter-spacing:-1.8px}h1{font-size:clamp(38px,9.8vw,56px)}h2{font-size:clamp(34px,8vw,48px)}h3{font-size:19px;line-height:1.45;letter-spacing:-.6px}em{font-weight:400;color:var(--accent)}h1 em,h2 em{font-style:italic}strong{font-weight:600}.wrap{width:calc(100% - var(--gutter)*2);max-width:1192px;margin-inline:auto}.section{padding-block:72px}.section-label{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:28px}.section-heading{display:grid;gap:23px;margin-bottom:32px}.section-heading>p{max-width:380px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:9px}.tiny-star{font-size:22px;line-height:1;color:var(--warm)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:15px 24px;background:var(--accent);color:#fffef7;border-radius:50px;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s;white-space:normal}.button:hover{background:var(--ink);transform:translateY(-2px)}.button svg{width:20px;height:20px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:600;background:transparent;padding:12px 0;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.line-icon{width:37px;height:37px}.skip-link{position:fixed;top:10px;left:10px;z-index:20;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.design-bar{min-height:42px;padding:6px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.3;color:var(--muted);background:var(--bg)}.design-bar>a{display:flex;gap:7px;align-items:center;min-height:32px}.design-bar>a:first-child svg{transform:rotate(180deg);width:15px}.design-bar>span{font-size:9px;letter-spacing:.3px}.design-bar .next-design{display:none}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1.25;font-family:var(--display);font-size:24px;letter-spacing:-.5px}.brand-icon{width:38px;height:38px;color:var(--accent)}.brand small{display:block;margin-top:5px;font:8px/1.5 var(--body);letter-spacing:.5px}.desktop-nav,.header-contact{display:none}.menu-toggle{width:46px;height:46px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-content:center;gap:6px}.menu-toggle span{width:18px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{padding:12px var(--gutter) 24px;background:var(--soft);border-block:1px solid var(--line)}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:13px 5px;border-bottom:1px solid var(--line);font-size:14px}
.hero{padding-top:24px;padding-bottom:44px;display:grid;gap:38px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero h1{margin:20px 0 22px}.hero-intro{color:var(--muted);font-size:14px;line-height:1.9;max-width:475px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:27px}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center;width:100%}.hero-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:21px;color:var(--muted);font-size:9px}.hero-facts span{display:inline-flex;align-items:center;gap:6px}.hero-facts span:before{content:'';width:4px;height:4px;background:var(--warm);border-radius:50%}.hero-visual{position:relative;min-width:0}.art-frame{overflow:hidden;border-radius:150px 150px 22px 22px;background:#dde4d5}.art{display:block;width:100%;height:auto;aspect-ratio:640/590}.art use{width:100%;height:100%}.floating-note{position:absolute;left:-9px;bottom:58px;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:8px;background:var(--bg);box-shadow:0 7px 24px #26352a13;font:italic 13px var(--display);transform:rotate(-5deg)}.floating-note .line-icon{width:22px;height:22px;color:var(--warm)}.art-caption{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:9px;color:var(--muted)}.caption-line{width:20px;height:1px;background:var(--warm)}.principles{background:var(--soft);border-block:1px solid var(--line)}.principles-inner{padding-block:20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.principles-inner>span{display:flex;align-items:center;gap:13px;font-size:11px}.principles svg{width:24px;height:24px;color:var(--accent)}
.approach-layout{display:grid;gap:30px}.approach-flower{display:none}.approach-copy{color:var(--muted);font-size:14px}.approach-copy .lead{font-size:19px;line-height:1.65;color:var(--ink);letter-spacing:-.3px;margin-bottom:25px}.approach blockquote{font-family:var(--display);font-size:20px;line-height:1.6;color:var(--ink);border-left:2px solid var(--warm);padding-left:22px;margin:30px 0 0}.approach cite{display:block;font:11px var(--body);font-style:normal;margin-top:14px;color:var(--muted)}
.help-section{background:var(--soft)}.help-grid{display:grid;gap:14px}.help-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--bg)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.card-top>span{font-size:10px;color:var(--muted)}.card-top .line-icon{color:var(--accent)}.help-card p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:12px}.help-note{display:flex;align-items:center;gap:22px;padding:24px 8px;font:23px/1.5 var(--display)}.help-note>svg{width:65px;height:65px;flex-shrink:0;color:var(--accent)}.help-note em{font-style:italic}.activities{display:grid;gap:0}.activity{display:grid;grid-template-columns:40px 1fr;column-gap:17px;position:relative;border-top:1px solid var(--line);padding:25px 0}.activity-number{display:none}.activity-icon .line-icon{width:31px;height:31px;color:var(--accent)}.activity h3{font-size:17px}.activity p{color:var(--muted);font-size:12px;margin-top:9px;max-width:300px}.section-footnote{font-size:10px;color:var(--muted);margin-top:22px;padding-left:18px;border-left:2px solid var(--warm)}
.formats-section{background:#efeee4}.format-grid{display:grid;gap:18px}.format-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--bg)}.format-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.pill{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:10px;font-weight:600}.format-top .line-icon{width:33px;height:33px;color:var(--accent)}.format-card h3{font:30px/1.2 var(--display);letter-spacing:-.8px;margin-bottom:18px}.format-card p{font-size:13px;color:var(--muted)}.format-card ul{list-style:none;margin:26px 0;padding:0;font-size:11px;color:var(--muted);display:grid;gap:12px}.format-card li{display:flex;gap:9px}.format-card li:before{content:'✓';color:var(--accent);font-size:12px}.format-button{width:100%;padding-inline:14px;gap:10px;font-size:10px;min-height:50px}.group{background:var(--soft)}.group .format-button{background:transparent;border:1px solid var(--accent);color:var(--accent)}.group .format-button:hover{background:var(--accent);color:white}.format-help{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:21px;font-size:11px;color:var(--muted)}
.results-layout{display:grid;gap:36px}.results-layout>div>p{font-size:13px;color:var(--muted);max-width:450px}.results-layout h2{margin-bottom:26px}.result-list{display:grid}.result-list>div{border-top:1px solid var(--line);padding:23px 0;display:flex;gap:22px;align-items:flex-start}.result-list>div>span{font-size:10px;color:var(--accent);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;margin-top:3px}.result-list p{font:22px/1.5 var(--display);letter-spacing:-.3px}.result-list strong{font-weight:400;color:var(--accent);font-style:italic}.result-note{margin-top:28px;padding:20px 22px;display:flex;gap:14px;align-items:center;background:var(--soft);border-radius:14px}.result-note svg{width:27px;height:27px;flex-shrink:0;color:var(--accent)}.result-note p{font-size:11px;line-height:1.8;color:var(--muted)}
.faq-section{background:var(--soft)}.faq-layout{display:grid;gap:30px}.faq-layout>div>p{font-size:13px;line-height:1.8;max-width:280px;color:var(--muted);margin-top:21px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:13px;font-weight:600;line-height:1.6;display:flex;gap:18px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:23px 0;min-height:65px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 28px 24px 0;color:var(--muted);font-size:13px}.contact-section{padding-block:56px}.contact-panel{position:relative;overflow:hidden;background:var(--accent);color:var(--bg);border-radius:var(--radius);text-align:center;padding:47px 24px}.contact-panel .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px;color:#ffffffc7}.contact-panel h2{font-size:34px;margin-block:20px;letter-spacing:-1.5px}.contact-panel em{color:#e2d6a8}.contact-panel>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#ffffffcc;max-width:435px;margin-inline:auto}.contact-panel .button{background:var(--bg);color:var(--accent);margin-top:25px;min-width:210px}.contact-sub{display:block;font-size:8px;margin-top:18px;color:#ffffffb8}.contact-flower{position:absolute;right:-24px;top:-33px;font-size:126px;line-height:1;color:#ffffff11;pointer-events:none}.site-footer{padding-block:5px 115px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}.site-footer .brand{font-size:23px}.site-footer .brand>svg{width:32px;height:32px}.site-footer p{font-size:10px;color:var(--muted)}.site-footer>a:last-child{font-size:10px;display:flex;align-items:center;gap:7px;min-height:44px;color:var(--muted)}.site-footer>a:last-child svg{width:15px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--bg);border-top:1px solid var(--line);padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom));display:flex;gap:12px;justify-content:space-between;align-items:center;box-shadow:0 -6px 30px #192d2410}.mobile-cta>span{font-size:10px;line-height:1.5}.mobile-cta small{display:block;font-size:8px;color:var(--muted)}.mobile-cta .button{font-size:10px;gap:10px;padding:12px 16px;min-height:46px}.mobile-cta .button svg{width:16px}
.contact-dialog{padding:0;border:1px solid var(--line);width:calc(100% - 32px);max-width:510px;max-height:calc(100dvh - 36px);border-radius:24px;background:var(--bg);color:var(--ink)}.contact-dialog::backdrop{background:#172b25a3;backdrop-filter:blur(5px)}.dialog-content{position:relative;padding:35px 25px}.dialog-close{position:absolute;right:12px;top:12px;border-radius:50%;background:var(--soft);height:44px;width:44px;font-size:26px;line-height:1}.dialog-icon{display:block;width:45px;height:45px;margin-bottom:18px}.dialog-content .eyebrow{font-size:8px}.dialog-content h2{font-size:30px;letter-spacing:-1px;margin-block:15px 20px}.dialog-content>p{font-size:12px;color:var(--muted)}.dialog-content blockquote{margin:19px 0;padding:18px;border-radius:12px;background:var(--soft);font-size:12px;line-height:1.8;user-select:text}.dialog-content .copy-message{width:100%}.dialog-content .copy-status{margin-top:12px;font-size:11px;color:var(--accent)}.dialog-content .prototype-note{margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;line-height:1.8}.modal-open{overflow:hidden}
/* 02: тёплая игровая композиция */
body[data-theme=sunny]{--bg:#fff9eb;--ink:#343b54;--muted:#626575;--accent:#a74f3c;--soft:#f6eedb;--line:#dfd8c8;--warm:#ba664b;--radius:18px;--display:'Manrope',Arial,sans-serif}
[data-theme=sunny] h1,[data-theme=sunny] h2{font-weight:700;letter-spacing:-2px;line-height:1.14}[data-theme=sunny] h1 em,[data-theme=sunny] h2 em{font-style:normal;color:var(--accent)}[data-theme=sunny] .brand{font-weight:750;font-size:24px;letter-spacing:-1px}[data-theme=sunny] .brand-icon{background:#f0d083;border-radius:50%;padding:6px;width:40px;height:40px;color:#565842}[data-theme=sunny] .hero{text-align:center;gap:10px;padding-top:27px}[data-theme=sunny] .hero .eyebrow{justify-content:center}[data-theme=sunny] h1{font-size:clamp(37px,9vw,70px)}[data-theme=sunny] .hero-intro{margin-inline:auto;max-width:550px}[data-theme=sunny] .hero-actions{justify-content:center}[data-theme=sunny] .hero-facts{justify-content:center}[data-theme=sunny] .hero-visual{max-width:700px;width:100%;margin-inline:auto}[data-theme=sunny] .art-frame{border-radius:0;background:none;overflow:visible}[data-theme=sunny] .art{aspect-ratio:640/420}[data-theme=sunny] .art-caption{margin-top:-2px}[data-theme=sunny] .floating-note{font-style:normal;font-weight:600;font-size:10px;border:1px solid var(--line);left:0;bottom:46px;transform:rotate(-7deg)}[data-theme=sunny] .principles{background:#f1ce79;border:0;transform:rotate(-1deg)}[data-theme=sunny] .principles svg{color:#5e6046}[data-theme=sunny] .approach h2{font-size:40px}[data-theme=sunny] .approach blockquote{font-size:18px;font-weight:500}[data-theme=sunny] .help-section{background:#f3eee4}[data-theme=sunny] .help-card:nth-child(2){background:#ecebda}[data-theme=sunny] .help-card:nth-child(3){background:#f5e5da}[data-theme=sunny] .help-card:nth-child(4){background:#e7e9ef}[data-theme=sunny] .help-card:nth-child(5){background:#f4eacb}[data-theme=sunny] .help-card{border:0}[data-theme=sunny] .help-note{font-size:21px;font-weight:600}[data-theme=sunny] .help-note em{font-style:normal}[data-theme=sunny] .activity-icon{background:#efe4c7;border-radius:14px;width:42px;height:42px;display:grid;place-items:center}[data-theme=sunny] .activity-icon .line-icon{width:27px;height:27px}[data-theme=sunny] .format-card{border:0;background:#e9eadc}[data-theme=sunny] .format-card.group{background:#f2e1d4}[data-theme=sunny] .format-card h3{font-size:29px;font-weight:700;letter-spacing:-1px}[data-theme=sunny] .formats-section{background:#fff9eb}[data-theme=sunny] .format-top .pill{border-color:#0002}[data-theme=sunny] .result-list p{font-size:19px;line-height:1.6}[data-theme=sunny] .result-list strong{font-weight:600;font-style:normal}[data-theme=sunny] .contact-panel{background:#343b54}[data-theme=sunny] .contact-panel em{color:#f0cf7d}[data-theme=sunny] .contact-panel .button{background:#f0cf7d;color:#343b54}[data-theme=sunny] .faq-section{background:#f4ead7}
/* 03: светлая редакционная композиция */
body[data-theme=air]{--bg:#f7f8fb;--ink:#283d55;--muted:#5e6d7b;--accent:#405e80;--soft:#eaf0f5;--line:#d2dce6;--warm:#a98561;--radius:7px}
[data-theme=air] .brand-icon{border:1px solid var(--line);padding:5px;border-radius:50%}[data-theme=air] .button{border-radius:6px}[data-theme=air] .hero{padding-top:27px;gap:38px}[data-theme=air] .hero h1{font-size:clamp(37px,9.6vw,64px)}[data-theme=air] .art-frame{border-radius:0;background:none;transform:rotate(3deg)}[data-theme=air] .art{aspect-ratio:600/580}[data-theme=air] .floating-note{left:4px;bottom:55px;transform:rotate(-3deg);border-radius:3px;font-size:11px;border:1px solid var(--line)}[data-theme=air] .principles{background:transparent}[data-theme=air] .help-section{background:var(--soft)}[data-theme=air] .help-grid{gap:0;border-top:1px solid var(--line)}[data-theme=air] .help-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:26px 4px}[data-theme=air] .card-top{flex-direction:row-reverse;justify-content:space-between}[data-theme=air] .card-top>span{font:22px var(--display);color:var(--accent)}[data-theme=air] .help-note{font-size:22px}[data-theme=air] .formats-section{background:#eef1f6}[data-theme=air] .format-card.group{background:#e1e8ef}[data-theme=air] .format-card ul{padding-top:22px;border-top:1px solid var(--line)}[data-theme=air] .result-note{border-radius:3px;border-left:2px solid var(--accent)}[data-theme=air] .contact-panel{border-radius:4px;background:#2f4864}[data-theme=air] .contact-panel em{color:#dec9ab}[data-theme=air] .contact-panel .button{color:#2f4864}[data-theme=air] .faq-section{background:transparent;border-block:1px solid var(--line)}
@media(min-width:600px){:root{--gutter:36px}.hero-actions .button,.hero-actions .text-link{width:auto}.hero h1{max-width:620px}.hero-visual{max-width:520px;margin-inline:auto;width:100%}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-note{padding:26px 15px;font-size:22px}.principles-inner{flex-direction:row;justify-content:space-between;gap:14px}.principles-inner>span{font-size:9px;gap:9px}.principles svg{width:21px;height:21px}.activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-card{display:flex;flex-direction:column}.format-card ul{flex:1}.format-button{font-size:10px}.format-help{flex-direction:row;align-items:center;justify-content:center;gap:20px}.design-bar .next-design{display:flex}.design-bar .next-design svg{width:15px}.hero-facts{font-size:10px}.contact-panel{padding:60px 35px}.contact-panel h2{font-size:44px}.contact-panel>p:not(.eyebrow){font-size:13px}.mobile-cta{display:none}.site-footer{padding-bottom:38px;align-items:center}.design-bar>span{font-size:10px}.site-header{height:106px}[data-theme=sunny] .hero h1{margin-inline:auto;max-width:850px}[data-theme=sunny] .hero{padding-bottom:45px}[data-theme=sunny] .floating-note{left:5%;bottom:75px}[data-theme=air] .help-card{padding:28px}[data-theme=air] .help-card:nth-child(2n+1){border-right:1px solid var(--line)}.dialog-content{padding:42px}.dialog-content h2{font-size:36px}.dialog-content .eyebrow{font-size:9px}}
@media(min-width:1000px){:root{--gutter:60px}body{font-size:16px}.section{padding-block:106px}.design-bar{padding-inline:36px;min-height:36px}.design-bar>a{min-height:28px}.site-header{height:111px}.brand{font-size:29px;gap:12px}.brand small{font-size:8px;letter-spacing:.6px}.brand-icon{width:42px;height:42px}.desktop-nav{display:flex;gap:25px;font-size:11px}.desktop-nav a{padding-block:15px}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-contact{display:inline-flex;min-height:44px;padding:11px 19px;gap:15px;font-size:10px}.menu-toggle{display:none}.mobile-nav{display:none}.hero{grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding-top:30px;padding-bottom:68px}.hero h1{font-size:clamp(48px,4.6vw,66px);letter-spacing:-2.4px;line-height:1.17;margin-block:24px}.hero .eyebrow{font-size:9px;letter-spacing:1.25px}.hero-intro{font-size:13px;max-width:450px}.hero-actions{gap:20px;margin-top:29px}.hero-actions .button{font-size:11px;padding:16px 21px;gap:18px}.hero-actions .text-link{font-size:10px;gap:9px}.hero-facts{margin-top:30px;font-size:8px;gap:13px}.hero-visual{max-width:none;margin:0}.art-frame{border-radius:220px 220px 22px 22px}.floating-note{font-size:15px;bottom:75px;left:-30px;padding:14px 19px}.floating-note .line-icon{width:27px;height:27px}.art-caption{font-size:9px;margin-top:18px}.principles-inner{padding-block:23px;justify-content:space-around}.principles-inner>span{font-size:11px;gap:15px}.principles svg{width:27px;height:27px}.section-label{font-size:10px;margin-bottom:35px}h2{font-size:48px;letter-spacing:-1.8px}.approach-layout{grid-template-columns:1fr 1.1fr;gap:100px}.approach-flower{display:block;color:var(--warm);font-size:84px;line-height:1;margin-top:46px}.approach-copy{font-size:13px}.approach-copy .lead{font-size:20px;line-height:1.7}.approach blockquote{font-size:21px;margin-top:29px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:47px}.section-heading>p{font-size:12px;max-width:310px}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.help-card{padding:30px;min-height:242px}.help-card h3{font-size:18px}.help-card p{font-size:12px}.help-note{justify-content:center;gap:19px;font-size:23px}.help-note>svg{width:58px;height:58px}.activities{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 42px}.activity{padding-block:33px;grid-template-columns:40px 1fr}.activity h3{font-size:16px}.activity p{font-size:11px;line-height:1.9}.activity-number{display:block;position:absolute;right:0;top:12px;font-size:8px;color:var(--muted)}.section-footnote{margin-top:29px;font-size:11px}.format-grid{gap:26px}.format-card{padding:38px 42px}.format-card h3{font-size:37px;margin-bottom:22px}.format-card p{font-size:13px;max-width:355px}.format-card ul{font-size:12px;gap:13px;margin-block:27px 30px}.format-top{margin-bottom:31px}.format-button{font-size:11px;justify-content:space-between;padding-inline:23px}.format-help{margin-top:30px;font-size:12px}.results-layout{grid-template-columns:1.05fr 1fr;gap:100px}.results-layout>div>p{font-size:13px}.result-list>div{padding-block:22px;gap:28px}.result-list p{font-size:24px}.result-note{margin-top:45px;padding:23px 30px;gap:20px}.result-note p{font-size:12px}.faq-layout{grid-template-columns:.8fr 1.2fr;gap:100px}.faq-layout>div>p{font-size:12px}.faq-list summary{font-size:13px;padding:24px 0}.faq-answer{font-size:12px}.contact-section{padding-block:75px}.contact-panel{padding:64px 45px}.contact-panel h2{font-size:51px}.contact-panel .eyebrow{font-size:10px}.contact-sub{font-size:9px;margin-top:20px}.contact-flower{font-size:220px;right:40px;top:30px}.site-footer{padding-bottom:40px}.site-footer p{font-size:11px}.site-footer>a:last-child{font-size:11px}[data-theme=sunny] .hero{display:block;padding-top:35px;padding-bottom:44px}[data-theme=sunny] .hero h1{font-size:64px;line-height:1.13;max-width:900px;margin-block:23px}[data-theme=sunny] .hero-intro{font-size:13px;max-width:565px}[data-theme=sunny] .hero-actions{margin-top:23px}[data-theme=sunny] .hero-facts{margin-top:19px}[data-theme=sunny] .hero-visual{margin:-3px auto 0;max-width:640px}[data-theme=sunny] .art{max-height:300px;overflow:visible}[data-theme=sunny] .floating-note{left:-35px;bottom:100px;font-size:11px}[data-theme=sunny] .art-caption{margin-top:-10px}[data-theme=sunny] .approach h2{font-size:49px}[data-theme=sunny] .approach-layout{grid-template-columns:.9fr 1.1fr}[data-theme=sunny] .format-card h3{font-size:33px}[data-theme=sunny] .result-list p{font-size:21px}[data-theme=sunny] .contact-panel h2{font-size:49px}[data-theme=air] .hero{grid-template-columns:1.25fr 1fr;gap:25px;padding-top:38px;padding-bottom:65px}[data-theme=air] .hero h1{font-size:61px;line-height:1.15}[data-theme=air] .hero-copy{padding-left:23px;border-left:1px solid var(--line)}[data-theme=air] .hero .eyebrow{font-size:8px}[data-theme=air] .hero-intro{max-width:440px}[data-theme=air] .hero-actions{gap:20px}[data-theme=air] .hero-actions .button{font-size:10px;padding-inline:19px}[data-theme=air] .hero-actions .text-link{font-size:9px}[data-theme=air] .floating-note{bottom:67px;left:-7px;font-size:12px}[data-theme=air] .help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}[data-theme=air] .help-card{padding:31px}[data-theme=air] .help-card:nth-child(2n+1){border-right:0}[data-theme=air] .help-card:not(:nth-child(3n)){border-right:1px solid var(--line)}[data-theme=air] .help-note{padding:30px;font-size:23px}[data-theme=air] .activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 80px}[data-theme=air] .activity{grid-template-columns:52px 1fr;padding-block:29px}[data-theme=air] .activity p{max-width:350px}[data-theme=air] .activity-number{font-size:10px}[data-theme=air] .contact-panel{text-align:left;padding:65px 70px}[data-theme=air] .contact-panel .eyebrow{justify-content:flex-start}[data-theme=air] .contact-panel>p:not(.eyebrow){margin-inline:0}[data-theme=air] .contact-flower{right:80px;top:100px;font-size:240px}}
@media(min-width:1300px){.hero-actions{gap:26px}.hero-intro{font-size:14px}.hero-facts{font-size:9px}[data-theme=air] .hero h1{font-size:65px}[data-theme=sunny] .hero h1{font-size:70px}.hero{gap:70px}.desktop-nav{gap:30px}}
@media(max-width:359px){:root{--gutter:18px}h1{font-size:36px}h2{font-size:33px}.brand{font-size:22px}.brand small{font-size:7px}.hero .eyebrow{font-size:8px}.hero-facts{font-size:8px}.floating-note{font-size:11px}.format-card{padding:22px}.contact-panel{padding-inline:18px}.contact-panel h2{font-size:29px}.mobile-cta>span{font-size:9px}.mobile-cta small{font-size:7px}.mobile-cta .button{font-size:9px;padding-inline:12px}.design-bar>span{font-size:8px}.design-bar{gap:7px}[data-theme=sunny] h1{font-size:33px}[data-theme=air] .hero h1{font-size:34px}}
/* Text and controls stay comfortable on a real phone, including 320px screens. */
[data-theme=sunny] .principles{transform:none}
@media(max-width:599px){.hero-intro{font-size:15px}.hero-facts{font-size:10px;gap:8px 12px}.hero-actions .button{font-size:13px}.hero-actions .text-link{font-size:12px}.approach-copy{font-size:15px}.help-card p,.activity p,.format-card p,.results-layout>div>p,.faq-answer,.faq-layout>div>p{font-size:14px}.activity h3{font-size:18px}.format-card ul{font-size:12px}.format-button{font-size:12px}.section-heading>p{font-size:14px}.faq-list summary{font-size:14px}.result-note p{font-size:12px}.contact-panel>p:not(.eyebrow){font-size:14px}.mobile-cta .button{font-size:11px}.mobile-cta small{font-size:8px}.principles-inner>span{font-size:12px}.dialog-content>p,.dialog-content blockquote{font-size:14px}.dialog-content .prototype-note{font-size:12px}.dialog-content .copy-status{font-size:12px}.section-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.back-to-top{position:fixed;right:var(--gutter);bottom:24px;z-index:6;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--accent);font-size:24px;box-shadow:0 4px 16px #0002}
.back-to-top[hidden]{display:none}
@media(max-width:999px){
  .site-header{padding-right:60px}
  .menu-toggle{position:fixed;right:max(var(--gutter),env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top));z-index:12;background:var(--bg);box-shadow:0 4px 16px #0002}
  .mobile-nav{position:fixed;top:calc(70px + env(safe-area-inset-top));right:var(--gutter);z-index:11;width:min(330px,calc(100% - var(--gutter)*2));max-height:calc(100dvh - 90px - env(safe-area-inset-top));overflow:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #0002}
}
@media(max-width:599px){
  .back-to-top{bottom:calc(84px + env(safe-area-inset-bottom))}
}