@font-face{font-family:Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Shared palette: each section and component follows the selected theme. */
:root{
 --bg:#100c13;--surface:#211827;--raised:#2b2033;--text:#fff8ff;--muted:#c2b2cc;--quiet:#ac98b8;
 --line:#44324e;--pink:#ff759e;--coral:#ff795d;--accent:#ff81a9;--secondary:#ddbddb;
 --header:#130e17;--nav:#211827;--nav-active:#f7effc;--nav-active-text:#211728;
 --band:#1b1422;--panel:#231a2c;--map:#191220;--node:#30243a;--footer:#0c0910;
 --outline:#97728c;--hover:#3a2943;--soft:#1a1320;--purple:#c5a1ff;--teal:#77d7c4;
 --icon-pink:#452239;--icon-purple:#36274c;--icon-teal:#193e39;--wire:#735785;
 --hub-a:#3e2036;--hub-b:#2d2040;--hub-border:#a64870;
 --hero-glow:#8c3c6040;--hero-glow-two:#49306045;--feature-glow:#69395727;
 --plan-a:#322136;--plan-b:#241a2c;--poster-shadow:#0009;--shadow:#00000025;color-scheme:dark
}
:root[data-theme="light"]{
 --bg:#fffcff;--surface:#fff;--raised:#fff;--text:#24172d;--muted:#665670;--quiet:#76627f;
 --line:#ddd0e5;--pink:#d52162;--coral:#ed674e;--accent:#bd1b56;--secondary:#805880;
 --header:#fffaff;--nav:#f1eaf5;--nav-active:#291a34;--nav-active-text:#fff7ff;
 --band:#f2ecf8;--panel:#fffaff;--map:#eee6f6;--node:#fff;--footer:#eee7f4;
 --outline:#bb9ab4;--hover:#e9dff0;--soft:#f8f3fb;--purple:#7850b3;--teal:#23786b;
 --icon-pink:#ffe8f1;--icon-purple:#eee5fc;--icon-teal:#e2f5ef;--wire:#b6a0cd;
 --hub-a:#ffedf4;--hub-b:#f2eaff;--hub-border:#df8fb0;
 --hero-glow:#f4a8c72e;--hero-glow-two:#bba2e42b;--feature-glow:#daa0c324;
 --plan-a:#fff0f6;--plan-b:#f5edfc;--poster-shadow:#35203b38;--shadow:#4e275b0c;color-scheme:light
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Archivo,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(32px,3.3vw,47px)}h3{font-size:25px}a:focus-visible,button:focus-visible{outline:3px solid #9db9ff;outline-offset:5px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:84px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:750;line-height:1.5;margin-bottom:20px}.skip{position:absolute;top:-100px;left:16px;z-index:99;background:white;color:#111;padding:12px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:var(--header)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{width:142px;height:68px;object-fit:contain}.nav{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:99px;background:var(--nav)}.nav a{font-size:13px;padding:9px 17px;font-weight:650;color:var(--muted);border-radius:99px}.nav a[aria-current]{background:var(--nav-active);color:var(--nav-active-text)}.nav a:hover{color:var(--text);background:var(--hover)}.nav a[aria-current]:hover{color:var(--nav-active-text);background:var(--nav-active)}.header-actions{display:flex;align-items:center;gap:18px}.login{font-size:13px;font-weight:650;display:flex;gap:18px;align-items:center;min-height:44px}.login span{color:var(--accent)}#menu-toggle{display:none}#mobile-menu[hidden]{display:none}.hero{background:radial-gradient(ellipse at 79% 29%,var(--hero-glow),transparent 52%),radial-gradient(ellipse at 8% 100%,var(--hero-glow-two),transparent 60%);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;min-height:650px;padding-block:50px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.05;letter-spacing:-.055em}.hero h1>span{color:var(--pink)}.hero .lead{font-size:17px;line-height:1.75;color:var(--muted);margin-top:25px;max-width:500px}.spark{font-size:16px;vertical-align:middle;margin-right:7px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:99px;font-size:14px;font-weight:750;line-height:1.4;transition:transform .18s,background .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.primary{background:linear-gradient(110deg,#d51c60,#bf3b35);color:white;box-shadow:0 8px 30px #ff39731a;border:1px solid transparent}.outline{border:1px solid var(--outline);background:var(--soft);color:var(--text)}.outline:hover{background:var(--hover)}.entry-note{margin-top:18px;color:var(--quiet);font-size:12px}.hero-art{height:540px;position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:40px 30px;background:#c2366b26;filter:blur(65px);border-radius:50%;z-index:-1}.hero-poster{position:absolute;aspect-ratio:9/16;border-radius:13px;box-shadow:0 24px 60px var(--poster-shadow);overflow:hidden;border:1px solid #ffffff29}.hero-poster img{height:100%;width:100%;object-fit:contain}.hero-poster.romance{width:225px;left:0;top:60px;transform:rotate(-7deg)}.hero-poster.family{width:260px;right:15px;top:8px;transform:rotate(5deg)}.hero-poster figcaption{position:absolute;inset:auto 0 0;padding:60px 22px 25px;background:linear-gradient(transparent,#100913e8)}.hero-poster figcaption>span{display:block;font-size:9px;font-weight:650;letter-spacing:.16em;color:#ffcedd;margin-bottom:9px}.hero-poster strong{display:block;font-size:30px;font-weight:750;line-height:1.03;letter-spacing:-.04em}.art-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:var(--quiet);letter-spacing:.03em}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading .eyebrow{margin-bottom:14px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:650;min-height:44px;white-space:nowrap}.text-link>span{color:var(--accent);font-size:19px}.section-intro{color:var(--muted);font-size:15px;margin-top:17px;max-width:660px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px}.story{min-width:0}.story-image{aspect-ratio:9/16;position:relative;border-radius:12px;overflow:hidden;border:1px solid #ffffff17;box-shadow:0 10px 24px #0003;transition:transform .2s}.story:hover .story-image{transform:translateY(-5px)}.story-image>img{height:100%;width:100%;object-fit:contain}.genre{position:absolute;top:15px;left:15px;padding:4px 10px;background:#0f0a13a8;backdrop-filter:blur(10px);font-size:10px;border:1px solid #fff2;border-radius:99px}.story-overlay{position:absolute;inset:auto 0 0;padding:60px 20px 23px;background:linear-gradient(transparent,#0e0813ee);display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.story-overlay h3{font-size:29px;font-weight:750;line-height:1.05;letter-spacing:-.04em}.story-arrow{border:1px solid #ffffff40;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:16px;flex:none}.story>p{font-size:12px;color:var(--muted);margin-top:14px}.collection-note{font-size:10px;color:var(--quiet);margin-top:23px}.creator-section{padding-block:84px;background:var(--bg);border-block:1px solid var(--line)}.start-strip{margin-top:45px;padding:28px;border:1px solid var(--line);background:var(--soft);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px}.start-strip h3{font-size:19px}.start-strip p{color:var(--muted);font-size:12px;margin-top:8px}.start-options{display:flex;gap:12px}.start-options a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;padding:11px 16px;font-size:12px;font-weight:650;min-height:46px}.start-options svg{width:17px;height:17px;color:var(--accent)}.start-options a>span{color:var(--quiet);margin-left:3px}.start-options a:hover{background:#ff417913;border-color:#ff649655}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.destination-grid article{border-top:1px solid var(--line);padding-top:25px}.destination-number{font-size:10px;letter-spacing:.12em;color:var(--accent);margin-bottom:20px}.destination-grid h3{font-size:29px;font-weight:650;line-height:1.16}.destination-grid p{color:var(--muted);font-size:14px;line-height:1.8;max-width:480px;margin-top:18px}.social-list{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;font-size:13px;color:var(--text);font-weight:650}.destination-grid .text-link{margin-top:20px}.plans-section{background:var(--band);border-block:1px solid var(--line);padding:76px 0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.plans article{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.plans .assisted-plan{background:linear-gradient(140deg,var(--plan-a),var(--plan-b));border-color:var(--hub-border)}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.12em;color:var(--quiet);margin-bottom:23px}.plan-tag{font-size:10px;padding:4px 9px;background:var(--soft);border-radius:99px;letter-spacing:0;color:var(--secondary)}.plans h3{font-size:25px}.price{font-size:54px;font-weight:750;letter-spacing:-.05em;line-height:1.1;margin:20px 0}.price span{font-size:12px;letter-spacing:0;font-weight:400;margin-left:12px;color:var(--muted)}.plans p{font-size:14px;color:var(--muted);max-width:470px}.plans ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px;font-size:13px;color:var(--text)}.plans li:before{content:'✓';margin-right:12px;color:var(--accent)}.plans .button{margin-top:auto;align-self:flex-start;min-width:240px}.plans .plan-note{font-size:11px;line-height:1.6;color:var(--quiet);margin-top:19px;min-height:36px}.final-cta{text-align:center;padding-block:90px}.final-cta h2{font-size:clamp(36px,4.4vw,62px)}.final-cta h2>span{color:var(--accent)}.final-cta .hero-actions{justify-content:center}.footer{border-top:1px solid var(--line);background:var(--footer);padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-grid p{color:var(--quiet);font-size:12px;margin-top:10px}.footer-grid b{font-size:9px;letter-spacing:.14em;color:var(--quiet);display:block;margin:20px 0}.footer-grid>div>a:not(.logo){display:block;font-size:12px;color:var(--muted);min-height:34px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:10px;color:var(--quiet);border-top:1px solid var(--line);margin-top:40px;padding-block:24px}.footer-bottom>a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1500px){.hero-grid{gap:70px}.hero h1{font-size:68px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav a{padding:9px 12px;font-size:12px}.hero-grid{gap:25px;min-height:590px}.hero h1{font-size:clamp(42px,4.6vw,55px)}.hero-art{height:470px}.hero-poster.romance{width:190px;top:60px}.hero-poster.family{width:220px;right:3px}.hero-poster strong{font-size:26px}.hero .lead{font-size:15px}.hero-actions{gap:10px}.button{font-size:13px;padding-inline:20px}.start-strip{align-items:flex-start;flex-direction:column}.story-overlay h3{font-size:25px}.story-overlay{padding:45px 15px 20px}}
@media(max-width:760px){
 .container{width:calc(100% - 40px)}.header-inner{height:76px;gap:20px}.logo img{width:116px;height:58px}.nav{display:none}.header-actions{gap:22px}.login{font-size:12px}.login span{display:none}#menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%;padding:12px}#menu-toggle span{height:1px;background:var(--text);width:100%}#mobile-menu{padding:12px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}#mobile-menu a{font-size:14px;min-height:44px;padding:10px}
 .hero-grid{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding-block:35px 23px;min-height:0}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:16px}.spark{font-size:13px;margin-right:5px}.hero h1{font-size:clamp(36px,9.7vw,52px);line-height:1.09;letter-spacing:-.052em}.hero .lead{margin-top:18px;font-size:15px;line-height:1.65;max-width:420px}.desktop-break{display:none}.hero-actions{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .button{padding:12px 10px;font-size:12px;gap:7px;min-height:50px}.hero-actions svg{width:16px;height:16px}.entry-note{font-size:10px;margin-top:13px}.hero-art{height:365px;max-width:440px;width:100%;margin:0 auto}.hero-poster.romance{width:160px;left:13px;top:28px;transform:rotate(-6deg)}.hero-poster.family{width:178px;right:15px;top:5px;transform:rotate(5deg)}.hero-poster{border-radius:9px}.hero-poster figcaption{padding:40px 14px 18px}.hero-poster strong{font-size:24px}.hero-poster figcaption>span{font-size:7px;margin-bottom:7px}.art-note{font-size:8px;bottom:0}
 .section{padding-block:48px}.section-heading{align-items:flex-start;gap:18px}.section-heading h2{font-size:30px;line-height:1.1}.section-heading .text-link{font-size:11px;gap:6px;margin-top:22px;white-space:normal;flex:none;max-width:70px;line-height:1.3}.section-heading .text-link span{font-size:16px}.section-intro{font-size:13px;margin-top:15px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px;margin-top:25px}.story-image{border-radius:8px}.story-overlay{padding:40px 12px 16px;gap:4px}.story-overlay h3{font-size:21px}.story-arrow{width:23px;height:23px;font-size:13px}.genre{font-size:8px;top:10px;left:9px;padding:3px 7px}.story>p{font-size:10px;line-height:1.5;margin-top:10px}.collection-note{font-size:9px;margin-top:24px}
 .creator-section{padding-block:48px}.start-strip{padding:22px;margin-top:28px;gap:22px}.start-strip h3{font-size:20px}.start-options{display:grid;grid-template-columns:1fr;width:100%;gap:9px}.start-options a{justify-content:flex-start;padding:13px 16px;font-size:13px}.start-options a>span{margin-left:auto}.start-strip p{font-size:12px}
 .destinations h2{font-size:32px}.destination-grid{grid-template-columns:1fr;gap:32px;margin-top:27px}.destination-grid h3{font-size:26px}.destination-grid p{font-size:13px;line-height:1.7}.destination-number{margin-bottom:16px}.social-list{gap:14px;font-size:12px;margin-top:22px}.destination-grid .text-link{font-size:12px}.plans-section{padding-block:48px}.plans-section .section-heading{flex-direction:column;gap:10px}.plans-section .section-heading .text-link{margin:0;max-width:none}.plans{grid-template-columns:1fr;gap:17px;margin-top:22px}.plans article{padding:25px;border-radius:14px}.plan-top{font-size:8px;margin-bottom:20px}.plan-tag{font-size:9px}.plans h3{font-size:25px}.price{font-size:48px}.price span{font-size:11px;margin-left:9px}.plans p{font-size:13px}.plans ul{font-size:12px;gap:10px}.plans .button{width:100%;min-width:0;font-size:13px}.plans .plan-note{font-size:10px}.final-cta{padding-block:55px;text-align:left}.final-cta h2{font-size:36px;max-width:320px}.final-cta h2>span{display:block}.footer{padding-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid b{font-size:9px;margin-top:10px}.footer-bottom{display:block;font-size:9px;margin-top:25px}.footer-bottom a{display:block;margin-top:12px}
}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero h1{font-size:32px}.hero-art{height:325px}.hero-poster.romance{width:139px;left:8px}.hero-poster.family{width:156px;right:9px}.hero-actions .button{font-size:11px;gap:6px}.story-overlay h3{font-size:18px}.story-arrow{display:none}.story-grid{gap:22px 12px}.price span{font-size:10px}.plans article{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.story-image{transition:none}.button:hover,.story:hover .story-image{transform:none}}

/* Connected workflow: shared geometry, theme-aware surfaces. */
.connection-section{background:var(--band);color:var(--text);padding:72px 0 26px;position:relative;border-block:1px solid var(--line)}
.connection-feature{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center;padding:45px;background:radial-gradient(ellipse at 100% 0,var(--feature-glow),transparent 65%),var(--panel);border:1px solid var(--line);border-radius:27px;box-shadow:0 20px 55px var(--shadow)}
.connection-copy .eyebrow{color:var(--accent);font-size:10px;line-height:1.8;letter-spacing:.15em;margin-bottom:23px}
.connection-copy .eyebrow br{display:none}
.connection-copy h2{font-size:46px;line-height:1.03;letter-spacing:-.048em;color:var(--text)}
.connection-copy h2>span{color:var(--accent)}
.connection-copy p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px}
.connection-copy p.connection-lead{font-size:18px;line-height:1.65;color:var(--text);margin-top:27px;font-weight:500}
.connection-link{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:350px;min-height:48px;margin-top:28px;padding-top:17px;border-top:1px solid var(--line);color:var(--accent);font-size:12px;font-weight:700}
.connection-link>span{font-size:23px}
.model-map{position:relative;border:1px solid var(--line);border-radius:21px;background:var(--map);padding:29px 23px 20px;isolation:isolate}
.map-label{font-size:10px;letter-spacing:.13em;font-weight:700;text-align:center;color:var(--quiet);margin-bottom:28px}
.model-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.model-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:145px;padding:18px 8px;background:var(--node);border:1px solid var(--line);border-radius:14px;color:var(--text);box-shadow:0 8px 16px #42215204;transition:transform .18s,box-shadow .18s,border-color .18s}
.model-node .node-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--icon-pink);margin-bottom:15px;color:var(--accent)}
.model-node.images .node-icon{color:var(--purple);background:var(--icon-purple)}
.model-node.video .node-icon{color:var(--teal);background:var(--icon-teal)}
.node-icon svg{width:26px;height:26px;stroke-width:1.65}
.model-node strong{font-size:15px;font-weight:700;letter-spacing:-.02em}
.model-node small{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.4}
.model-node:hover{transform:translateY(-4px);box-shadow:0 12px 20px #58244810}
.model-node[aria-pressed=true]{border-color:#fa7ca9;box-shadow:0 0 0 2px #ff78a51a}
.model-node.images[aria-pressed=true]{border-color:#b28ce8;box-shadow:0 0 0 2px #a87be51a}
.model-node.video[aria-pressed=true]{border-color:#6dc4b5;box-shadow:0 0 0 2px #79c9b51a}
.model-node:focus-visible{outline:3px solid #8256bd;outline-offset:4px}
.model-wires{height:70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;margin:0 0 0}
.model-wires:before{content:"";position:absolute;top:48px;left:calc((100% - 24px)/6);right:calc((100% - 24px)/6);height:1px;background:var(--wire)}.model-wires i{display:block;position:relative;height:48px}
.model-wires i:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--wire)}

.model-wires i:first-child:before{background:var(--wire)}

.model-wires i:last-child:before{background:var(--wire)}
.model-wires>span{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--wire)}
.model-wires>span:after{content:'';position:absolute;width:6px;height:6px;background:#d17aa7;border:3px solid var(--map);box-sizing:content-box;border-radius:50%;left:-5.5px;bottom:17px}
.studio-hub{background:linear-gradient(115deg,var(--hub-a),var(--hub-b));border:1px solid var(--hub-border);box-shadow:0 8px 24px #c76c9810;border-radius:16px;padding:25px 16px;display:flex;align-items:center;justify-content:center;gap:15px}
.hub-symbol{color:var(--accent);display:grid;place-items:center}
.hub-symbol svg{width:34px;height:34px;stroke-width:1.65}
.studio-hub strong{font-size:21px;font-weight:750;line-height:1.2;letter-spacing:-.035em}
.studio-hub p{font-size:12px;color:var(--muted);margin-top:5px}
.studio-hub p b{font-weight:400;color:var(--quiet);margin-inline:3px}
.map-shared{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 0;flex-wrap:wrap}
.map-shared>span{font-size:9px;color:var(--muted);display:flex;gap:9px;align-items:center}
.map-shared>span+span:before{content:'';width:3px;height:3px;background:var(--wire);border-radius:50%}
.map-explanation{border-top:1px solid var(--line);margin-top:22px;padding-top:21px;min-height:116px;text-align:center}
.map-explanation h3{font-size:15px;letter-spacing:-.02em;line-height:1.4;color:var(--text);font-weight:650}
.map-explanation p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:8px;max-width:400px;margin-inline:auto}
.map-hint{font-size:9px;color:var(--quiet);text-align:center;margin-top:12px}
.connection-footnote{display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--quiet);padding-top:23px}
.creator-section{background:var(--bg)}
@media(max-width:1100px){.connection-feature{padding:32px;gap:30px;grid-template-columns:1fr 1.1fr}.connection-copy h2{font-size:39px}.model-map{padding:24px 17px 18px}.model-nodes{gap:9px}.model-node{min-height:132px}.studio-hub strong{font-size:18px}.connection-copy .eyebrow{font-size:9px}.connection-copy .eyebrow br{display:block}}
@media(max-width:760px){
 .connection-section{padding:38px 0 20px}.connection-feature{grid-template-columns:1fr;padding:25px 20px;gap:29px;border-radius:20px}.connection-section>.container{width:calc(100% - 28px)}.connection-copy .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:20px}.connection-copy .eyebrow br{display:none}.connection-copy h2{font-size:36px;line-height:1.06}.connection-copy h2 br:nth-of-type(2){display:none}.connection-copy p.connection-lead{font-size:16px;line-height:1.6;margin-top:20px}.connection-copy p:not(.eyebrow):not(.connection-lead){font-size:12px;line-height:1.8;margin-top:15px}.connection-link{font-size:11px;margin-top:20px;padding-top:13px;min-height:46px}
 .model-map{padding:22px 12px 17px;border-radius:15px}.map-label{font-size:8px;letter-spacing:.08em;margin-bottom:22px}.model-nodes{gap:7px}.model-node{min-height:113px;border-radius:10px;padding:13px 5px}.model-node .node-icon{width:35px;height:35px;border-radius:10px;margin-bottom:11px}.node-icon svg{width:22px;height:22px}.model-node strong{font-size:13px}.model-node small{font-size:7px;margin-top:5px}.model-wires{height:55px;gap:7px}.model-wires i{height:36px}.model-wires:before{top:36px;left:calc((100% - 14px)/6);right:calc((100% - 14px)/6)}.model-wires>span:after{bottom:13px}.studio-hub{padding:20px 10px;gap:10px;border-radius:12px}.studio-hub strong{font-size:18px}.studio-hub p{font-size:10px}.studio-hub p b{margin-inline:1px}.hub-symbol svg{width:27px;height:27px}.map-shared{gap:6px;margin-top:16px}.map-shared>span{font-size:7px;gap:6px}.map-explanation{margin-top:18px;padding-top:17px;min-height:127px}.map-explanation h3{font-size:13px}.map-explanation p{font-size:11px;line-height:1.75}.map-hint{font-size:8px;margin-top:6px}.connection-footnote{display:block;text-align:center;padding-top:17px;font-size:9px}.connection-footnote>span{display:block}.connection-footnote>span+span{margin-top:4px}
}
@media(max-width:359px){.connection-feature{padding:22px 14px}.connection-copy h2{font-size:31px}.model-map{padding-inline:9px}.model-node strong{font-size:12px}.model-node small{font-size:6.5px}.studio-hub strong{font-size:16px}.studio-hub p{font-size:9px}.map-shared{gap:5px}.map-shared>span{gap:5px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.model-node{transition:none}.model-node:hover{transform:none}}

/* Artwork is cinematic in both themes; its overlays always use light text. */
.hero-poster,.story-image{color:#fff8ff}
.theme-toggle{width:44px;height:44px;padding:10px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);flex:none}
.theme-toggle:hover{background:var(--hover)}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle .moon-icon{display:none}
[data-theme="light"] .theme-toggle .sun-icon{display:none}
[data-theme="light"] .theme-toggle .moon-icon{display:block}
.final-cta{background:radial-gradient(ellipse at 50% 100%,var(--hero-glow),transparent 70%)}
@media(max-width:760px){.header-inner{gap:10px}.header-actions{gap:12px}.theme-toggle{width:44px;height:44px}.map-label{font-size:9px}.model-node small{font-size:9px}.map-shared>span{font-size:9px}.map-hint{font-size:10px}.connection-copy .eyebrow{font-size:9px}.connection-copy p:not(.eyebrow):not(.connection-lead){font-size:14px}.map-explanation p{font-size:12px}.connection-footnote{font-size:10px}}
@media(max-width:359px){.header-actions{gap:8px}.header .logo img{width:100px}.model-node small{font-size:8px}.map-shared>span{font-size:8px}.map-label{font-size:8px}}

.logo .logo-light{display:none}
[data-theme="light"] .logo .logo-dark{display:none}
[data-theme="light"] .logo .logo-light{display:block}
/* Production shell: shared language controls and accessible legal links. */
.footer-bottom{flex-wrap:wrap;gap:22px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 20px}.locale-control{display:flex;align-items:center;gap:12px}.footer-lang{min-height:44px;max-width:180px;padding:8px 12px;background:var(--node);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.footer-lang:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:760px){.footer-bottom{display:flex;align-items:flex-start;flex-direction:column}.footer-bottom a{margin:0}.footer-legal{font-size:12px}.locale-control{font-size:12px}.header-actions .login{white-space:nowrap}}
[hidden]{display:none!important}