:root{--ink:#122c4c;--muted:#48627c;--paper:#fbfaf6;--panel:#fffefa;--line:#d5dde2;--orange:#ee801c;--yellow:#f4bb36;--red:#d21e2a;--display:'Michroma','Trebuchet MS',sans-serif;--sky:#116fbd;--focus:#0b3e77;color-scheme:light;font-family:var(--display);color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:280px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a,button,input,select{touch-action:manipulation}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}p{line-height:1.85;font-size:12px}h1,h2,h3{font-weight:400}h2{font-size:clamp(19px,2.3vw,28px);line-height:1.55;letter-spacing:-.03em}h3{font-size:14px;line-height:1.65}.fine{font-size:10px;line-height:1.85;color:var(--muted)}.skip-link{position:absolute;top:-90px;left:12px;background:var(--paper);padding:15px;z-index:30}.skip-link:focus{top:8px}.preview-strip{background:#122c4c;color:#fff;font:10px/1.6 Arial,sans-serif;letter-spacing:.12em;padding:7px 4%;display:flex;gap:20px;justify-content:space-between}.preview-strip span{letter-spacing:.02em;color:#d3e0eb}.site-header{max-width:1440px;margin:auto;min-height:100px;padding:15px 4%;display:flex;align-items:center;gap:30px}.logo-link{display:flex;align-items:center;flex:0 0 225px}.logo-link img{display:block;width:225px;height:auto}.desktop-nav{display:flex;gap:24px;align-items:center;margin-left:auto}.desktop-nav a,.desktop-nav button{font-size:10px;background:none;border:0;padding:14px 0;color:inherit;white-space:nowrap}.desktop-nav a:hover,.desktop-nav button:hover{color:#a44400}.header-actions{display:flex;align-items:center;gap:7px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:inherit}.account{background:none;color:inherit;padding:13px 10px;border:1px solid var(--line);border-radius:12px;font-size:10px;min-height:44px}.search-bar{display:flex;align-items:center;gap:14px;padding:20px 4%;background:var(--panel);border-block:1px solid var(--line);font-size:11px}.search-bar[hidden]{display:none}.search-bar input{flex:1;padding:14px;border:1px solid var(--line);border-radius:10px;min-width:0}.search-bar button{padding:12px;background:none;border:0;color:inherit}.hero{min-height:635px;position:relative;isolation:isolate;color:#fff;background:var(--sky);overflow:hidden}.sky-photo,.sky-shade,.architecture{position:absolute;inset:0;z-index:-3}.sky-photo{background:url('assets/sky-day.jpg') center 38% / cover no-repeat}.sky-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,47,99,.28) 0%,rgba(6,65,130,.12) 64%,rgba(5,47,104,.1) 100%)}.architecture{top:auto;height:132px;z-index:-1;background:url('assets/architecture-day.jpg') center bottom / cover no-repeat}.hero-inner{max-width:1200px;margin:auto;padding:70px 5% 180px;position:relative}.eyebrow{font-size:10px;letter-spacing:.23em;line-height:1.8;margin:0 0 26px}.hero h1{font-size:clamp(30px,4.25vw,55px);letter-spacing:-.045em;line-height:1.3;margin:0 0 20px;max-width:1000px}.hero-copy{font-size:14px;line-height:1.95;max-width:600px;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:30px}.text-action{font-size:11px;min-height:44px;display:inline-flex;align-items:center;gap:14px}.text-action span{font:26px Arial,sans-serif}.hero-notes{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:9px;line-height:1.7}.tiny-mark{height:7px;width:7px;background:var(--yellow);border-radius:50%;flex-shrink:0}.clock-chip{position:absolute;right:4%;bottom:146px;display:flex;align-items:center;gap:10px;background:rgba(8,40,79,.72);border:1px solid rgba(255,255,255,.5);border-radius:14px;padding:10px 14px;font-size:9px}.clock-dot{width:7px;height:7px;border-radius:50%;background:#fff}.clock-chip time{font-size:11px}.signature{padding:0;border:0;background:none;position:relative;display:block;flex-shrink:0;width:312px;max-width:100%;aspect-ratio:1113/277;color:#141510;isolation:isolate;line-height:1;transition:filter .12s}.signature>img{width:100%;height:100%;display:block;pointer-events:none}.signature>span{position:absolute;left:9%;right:23%;top:50%;transform:translateY(-50%);text-align:center;font-size:12px;letter-spacing:-.035em;line-height:1.2;white-space:nowrap}.signature .arrow{position:absolute;top:36%;left:77%;width:21px;height:21px;stroke-width:1.4}.signature:hover{filter:brightness(1.035)}.signature:active{filter:brightness(.96)}.signature:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:12px}.hero .signature:focus-visible{outline-color:#fff}.section{max-width:1280px;margin:auto;padding:66px 4%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.kicker{color:#a84e0a;font-size:9px;letter-spacing:.15em;margin:0 0 12px}.section-heading h2{margin:0}.section-note{font-size:9px;line-height:1.7;max-width:230px;color:var(--muted)}.filter-row{display:flex;gap:28px;margin-top:30px;border-bottom:1px solid var(--line);overflow:auto}.filter{background:none;border:0;border-bottom:3px solid transparent;padding:13px 0 14px;white-space:nowrap;font-size:10px;color:var(--muted)}.filter.active{border-bottom-color:var(--orange);color:var(--ink)}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}.sample-card{min-width:0}.sample-card[hidden]{display:none}.poster{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background-size:cover;background-position:center;overflow:hidden;display:block}.poster-day{background-image:url('assets/sky-day.jpg')}.poster-detail{background-image:url('assets/architecture-day.jpg');background-size:auto 100%}.poster-night{background-image:url('assets/sky-night.jpg')}.poster::after{position:absolute;content:'';inset:45% 0 0;background:linear-gradient(transparent,rgba(7,28,61,.65))}.type-badge{position:absolute;top:13px;left:13px;width:53px;height:30px;display:grid;place-items:center;background:#fffdf5;border-radius:6px}.type-badge img{width:47px;height:25px;object-fit:contain}.ordinary-label{font-size:8px;color:#17375d}.poster-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font:30px Arial,sans-serif;z-index:1}.sample-label{position:absolute;bottom:13px;left:15px;color:white;font:9px Arial,sans-serif;letter-spacing:.1em;z-index:1}.card-copy h3{margin:16px 0 5px}.card-copy p{margin:0 0 8px;font-size:10px;color:var(--muted)}.card-link{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;color:var(--ink);border:0;background:none;text-align:left;padding:18px 0;font-size:9px;line-height:1.8}.card-link span{font:23px Arial,sans-serif}.empty{padding:40px 0}.how{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid var(--line)}.how-intro h2{margin:0 0 18px}.how-intro>p:not(.kicker){max-width:460px;color:var(--muted);margin-bottom:24px}.how-steps{display:grid;gap:21px}.how-steps>div{position:relative;padding-left:58px;border-bottom:1px solid var(--line);padding-bottom:15px}.step-number{position:absolute;left:0;top:14px;color:#a84e0a;font-size:17px}.how-steps h3{margin-bottom:5px}.how-steps p{color:var(--muted);font-size:10px}.creator{border-top:1px solid var(--line)}.creator-intro{max-width:900px;color:var(--muted)}.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}.provider-grid>div{padding:23px 17px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.provider-grid strong{font-size:10px;font-weight:400;line-height:1.7;display:block}.provider-grid span{font-size:9px;color:var(--muted);display:block;margin-top:10px;line-height:1.7}.integrity-line{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.integrity-line h3{margin-top:0}.integrity-line p{max-width:680px;font-size:10px;color:var(--muted)}.quiet-button{font-size:10px;background:transparent;border:1px solid var(--line);padding:13px 18px;border-radius:12px;color:var(--ink);min-height:44px;line-height:1.6}.result-box{border-left:4px solid var(--orange);padding:20px;background:var(--panel);font-size:11px}.site-footer{border-top:1px solid var(--line);padding:35px 5% 45px;display:flex;gap:45px;background:var(--panel);align-items:start}.site-footer>img{width:165px;height:auto}.site-footer p{font-size:9px;margin:0 0 10px}.site-footer a{font-size:9px;text-decoration:underline}.mobile-nav{display:none}.mobile-break{display:none}dialog{border:1px solid var(--line);border-radius:23px;background:var(--panel);color:var(--ink);width:min(610px,calc(100% - 30px));padding:32px;max-height:88dvh;overflow:auto;box-shadow:0 15px 50px #08224233}dialog::backdrop{background:#07182bad}dialog h2{font-size:23px;margin-top:20px}dialog p{font-size:11px}dialog label{display:block;font-size:10px;margin:20px 0 9px}dialog select{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:13px;border-radius:9px;width:100%;font-size:10px;min-height:44px}.close-dialog{position:absolute;top:8px;right:10px;width:44px;height:44px;background:none;border:0;color:inherit;font:30px Arial,sans-serif}.player-dialog{width:min(960px,calc(100% - 24px))}video{display:block;width:100%;aspect-ratio:16/9;background:#082446;border-radius:12px;margin:18px 0}.player-status{font-size:10px;min-height:28px}.route{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.route span{padding:7px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px}.route .current{border-color:var(--orange);background:#ee801c15}.player-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.player-controls .signature{width:285px}.player-controls .signature>span{font-size:10px}.personal-demo{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.personal-demo label{margin:0}.personal-demo select{width:155px}.save-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.saved-versions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.saved-versions button{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:12px;font-size:9px;min-height:44px}.saved-versions .save-caption{width:100%;font-size:9px}#version-reference{overflow-wrap:anywhere;display:block;margin-top:10px}.no-script{padding:30px}html[data-theme="night"]{--paper:#071d39;--panel:#102b48;--ink:#eef5fc;--muted:#b1c5db;--line:#3b536b;--focus:#ffb43b;color-scheme:dark}html[data-theme="night"] .hero{background:#061d49}html[data-theme="night"] .sky-photo{background-image:url('assets/sky-night.jpg')}html[data-theme="night"] .sky-shade{background:linear-gradient(90deg,rgba(2,15,46,.34),rgba(2,15,46,.04))}html[data-theme="night"] .architecture{background-image:url('assets/architecture-night.jpg')}html[data-theme="night"] .kicker,html[data-theme="night"] .step-number{color:#ffbd67}html[data-theme="night"] .logo-link{background:#fffaf1;border-radius:12px;padding:5px 12px;flex-basis:225px}html[data-theme="night"] .logo-link img{width:201px}html[data-theme="night"] .site-footer>img{background:#fffaf1;border-radius:8px;padding:4px}html[data-theme="light"] .hero{background:#eff3f5;color:#173655}html[data-theme="light"] .sky-photo,html[data-theme="light"] .sky-shade,html[data-theme="light"] .architecture{display:none}html[data-theme="dark"]{--paper:#0b2039;--panel:#142e4b;--ink:#eef5fc;--muted:#becedf;--line:#435b74;--focus:#ffbd67;color-scheme:dark}html[data-theme="dark"] .hero{background:#102b48}html[data-theme="dark"] .sky-photo,html[data-theme="dark"] .sky-shade,html[data-theme="dark"] .architecture{display:none}html[data-theme="dark"] .kicker,html[data-theme="dark"] .step-number{color:#ffbd67}html[data-theme="dark"] .logo-link,html[data-theme="dark"] .site-footer>img{background:#fffaf1;border-radius:12px}
@media(min-width:1450px){.hero-inner{padding-left:50px;padding-right:50px}.hero{min-height:660px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.logo-link{flex-basis:185px}.logo-link img{width:185px}.site-header{gap:15px}.account{display:none}.hero h1{font-size:44px}.hero-inner{padding-top:65px}.clock-chip{bottom:140px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how{gap:40px}.sample-grid{gap:18px}}
@media(max-width:760px){.preview-strip{font-size:9px;justify-content:center}.preview-strip span{display:none}.site-header{min-height:82px;padding:12px 5%;justify-content:space-between}.logo-link{flex:0 0 180px}.logo-link img{width:180px}.desktop-nav{display:none}.header-actions{gap:1px}.icon-button{width:42px;height:44px}.hero{min-height:610px}.hero-inner{padding:55px 6% 178px}.eyebrow{font-size:8px;margin-bottom:25px;letter-spacing:.12em}.hero h1{font-size:clamp(26px,6.8vw,45px);line-height:1.5;letter-spacing:-.04em}.hero-copy{font-size:11px;line-height:2}.hero-actions{align-items:start;gap:10px;flex-direction:column}.signature{width:296px}.signature>span{font-size:11px}.hero-notes{font-size:7px;max-width:280px;margin-top:10px}.text-action{font-size:9px}.clock-chip{left:6%;right:auto;bottom:111px;padding:6px 10px;font-size:7px;gap:8px}.clock-chip time{font-size:9px}.architecture{height:88px}.sky-photo{background-position:30% center}.sky-shade{background:linear-gradient(90deg,rgba(3,47,99,.33),rgba(6,65,130,.14))}.section{padding:42px 6%}.section-heading{display:block}.section-note{display:block;margin-top:12px;max-width:none;font-size:8px}.section h2{font-size:20px}.filter-row{gap:20px;margin-top:20px}.filter{font-size:8px;padding-block:16px}.sample-grid{grid-template-columns:1fr;gap:22px}.sample-card{border-bottom:1px solid var(--line);padding-bottom:8px}.poster{aspect-ratio:16/8.8}.card-copy h3{font-size:14px}.card-copy p,.fine{font-size:9px}.card-link{font-size:9px}.how{grid-template-columns:1fr;gap:25px}.how-intro>p:not(.kicker){font-size:10px}.provider-grid{gap:10px}.provider-grid>div{padding:18px 12px}.provider-grid strong{font-size:9px}.provider-grid span{font-size:8px}.creator-intro{font-size:10px}.integrity-line{display:block}.site-footer{display:block;padding:30px 6% 110px}.site-footer>img{width:150px;margin-bottom:25px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;min-height:64px;padding:8px 10px max(8px,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;background:var(--panel);border-top:1px solid var(--line)}.mobile-nav a,.mobile-nav button{background:none;border:0;color:var(--ink);font-size:8px;display:grid;place-items:center;min-height:44px;min-width:44px;padding:4px}.mobile-nav a:first-child{border-bottom:2px solid var(--orange)}.search-bar{flex-wrap:wrap;font-size:9px;padding:16px}.search-bar label{width:100%}.search-bar input{font-size:10px}.mobile-break{display:block}dialog{padding:24px 19px;max-height:90dvh}dialog h2{font-size:18px}.player-controls{gap:8px}.player-controls .signature{width:275px}.player-controls .quiet-button{width:100%}.player-status{font-size:9px}.personal-demo .fine{width:100%}.route span{font-size:9px}.save-row .quiet-button{font-size:9px}html[data-theme="night"] .logo-link{flex-basis:180px;padding:5px 7px}html[data-theme="night"] .logo-link img{width:166px}}
@media(max-width:350px){.logo-link{flex-basis:150px}.logo-link img{width:150px}.hero h1{font-size:24px}.hero-inner{padding-inline:6%}.signature{width:270px}.signature>span{font-size:10px}.signature .arrow{width:18px;height:18px}.hero-notes{font-size:6.5px}.filter-row{gap:14px}.filter{font-size:7px}html[data-theme="night"] .logo-link{flex-basis:150px}html[data-theme="night"] .logo-link img{width:136px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Readability refinement: reference-geometry button remains untouched. */
p{font-size:14px}.fine{font-size:11px}.desktop-nav a,.desktop-nav button{font-size:11px}.hero-copy{font-size:16px}.signature>span{font-size:14px}.section-note{font-size:11px}.filter{font-size:11px}.card-copy p{font-size:12px}.card-link{font-size:11px}.how-steps p{font-size:12px}.provider-grid strong{font-size:12px}.provider-grid span{font-size:11px}.integrity-line p{font-size:12px}.quiet-button{font-size:12px}.site-footer p,.site-footer a{font-size:11px}.player-controls .signature>span{font-size:12px}.player-status{font-size:12px}.sky-photo{background-position:-135px 40%;background-size:calc(100% + 250px) auto}
@media(max-width:760px){p{font-size:13px}.fine,.card-copy p{font-size:11px}.hero-copy{font-size:13px}.hero h1{font-size:clamp(27px,7vw,45px)}.signature>span{font-size:12px}.section-note{font-size:10px}.filter{font-size:9px}.card-link{font-size:11px}.how-intro>p:not(.kicker),.how-steps p{font-size:12px}.provider-grid strong{font-size:11px}.provider-grid span{font-size:10px}.creator-intro,.integrity-line p{font-size:12px}.mobile-nav a,.mobile-nav button{font-size:9px}.sky-photo{background-position:6% center;background-size:auto 100%}.site-footer p{font-size:10px}}

/* W04.1 - readability only. Approved graphics, button geometry and heading scale unchanged.
   Michroma supplies a regular face; font-weight:600 is browser-synthesized emphasis.
   No text-shadow, outline, glow, alternate typeface, or font binaries are introduced. */
p { font-size:15px; }
.desktop-nav a, .desktop-nav button { font-size:13px; font-weight:600; }
.account { font-size:12px; font-weight:600; }
.search-bar, .search-bar input { font-size:13px; }
.search-bar label, .search-bar button { font-weight:600; }
.hero-copy { font-size:18px; line-height:1.85; }
.text-action { font-size:13px; font-weight:600; }
.hero-notes { font-size:10px; }
.section-note { font-size:12px; }
.filter { font-size:12px; font-weight:600; }
h3, .card-copy h3 { font-size:15px; font-weight:600; }
.card-copy p, .how-steps p, .integrity-line p { font-size:13px; }
.card-link { font-size:12px; font-weight:600; }
.provider-grid strong { font-size:13px; font-weight:600; }
.provider-grid span { font-size:12px; }
.quiet-button { font-size:13px; font-weight:600; }
.fine { font-size:12px; }
.site-footer p, .site-footer a { font-size:12px; }
dialog p { font-size:13px; }
dialog label, dialog select { font-size:12px; }
dialog label { font-weight:600; }
.player-status { font-size:13px; }
.saved-versions button { font-size:11px; }
.saved-versions .save-caption { font-size:11px; }
@media (max-width:1100px) and (min-width:761px) {
  /* Keep the existing desktop navigation until 760px; wrap rather than shrink labels. */
  .desktop-nav { gap:14px; flex-wrap:wrap; justify-content:flex-end; }
}
@media (max-width:760px) {
  p { font-size:14px; }
  .hero-copy { font-size:15px; line-height:1.85; }
  .text-action { font-size:12px; }
  .hero-notes { font-size:9px; }
  .section-note { font-size:11px; }
  .filter { font-size:11px; }
  .card-copy h3, .how-steps h3 { font-size:15px; }
  .card-copy p, .fine { font-size:12px; }
  .how-intro>p:not(.kicker), .how-steps p, .creator-intro, .integrity-line p { font-size:13px; }
  .provider-grid strong { font-size:12px; }
  .provider-grid span { font-size:11px; }
  .site-footer p { font-size:11px; }
  .mobile-nav a, .mobile-nav button { font-size:10.5px; font-weight:600; }
  .search-bar, .search-bar input { font-size:12px; }
  .player-status { font-size:12px; }
  .save-row .quiet-button { font-size:12px; }
  dialog select { font-size:11px; }
}
@media (max-width:350px) {
  .mobile-nav { padding-inline:5px; }
  .mobile-nav a, .mobile-nav button { font-size:10px; }
}

/* W04.1 approved continuation: the SAME white signature shell for brand and menus.
   Fixed sky spans header, main page and footer. The shell's alpha is not redrawn.
   Background-size: contain keeps its intrinsic aspect ratio, including small controls. */
body { position:relative; isolation:isolate; background:transparent; }
.page-sky { position:fixed; inset:0; z-index:-3; pointer-events:none; background-position:center top; background-size:cover; }
.preview-strip { background:rgba(7,31,66,.66); }
.site-header { position:relative; max-width:1500px; padding:18px 3%; gap:16px; min-height:106px; color:#153758; }
.brand-shell, .desktop-nav .nav-signature, .mobile-nav .nav-signature, .account {
 background-image:url('assets/button-white.png'); background-position:center; background-size:contain;
 background-repeat:no-repeat; background-color:transparent; border:0; border-radius:0; color:#153758;
}
.site-header .brand-shell, html[data-theme] .site-header .brand-shell {
 flex:0 0 260px; width:260px; aspect-ratio:1113/277; padding:0;
 display:flex; align-items:center; justify-content:center; border-radius:0;
 background:url('assets/button-white.png') center/contain no-repeat;
}
.site-header .brand-shell img, html[data-theme] .site-header .brand-shell img {
 width:77%; height:auto; max-height:72%; object-fit:contain; margin-right:6%;
}
.desktop-nav { gap:6px; margin-left:auto; flex-wrap:nowrap; }
.desktop-nav .nav-signature { display:flex; align-items:center; justify-content:center;
 width:150px; min-height:48px; padding:9px 23px 9px 16px; font-size:13px; font-weight:600; line-height:1.4;
}
.desktop-nav .nav-signature:nth-child(2) { width:172px; }
.desktop-nav .nav-signature:nth-child(3) { width:138px; }
.desktop-nav .nav-signature:nth-child(4) { width:165px; }
.header-actions { gap:6px; }
.header-actions .icon-button { border:1px solid #ee801c; border-radius:50%; background:#fff; color:#153758; flex-shrink:0; }
.account { min-width:137px; min-height:46px; padding:10px 21px 10px 13px; font-size:12px; white-space:nowrap; }
.brand-shell:focus-visible, .nav-signature:focus-visible, .account:focus-visible { outline:3px solid #ee801c; outline-offset:3px; }
.nav-signature:hover, .brand-shell:hover, .account:hover { color:#153758; filter:brightness(.975); }
.hero, html[data-theme="night"] .hero { background:transparent; }
.hero { min-height:640px; }
.hero-inner { padding-top:58px; }
.hero .sky-shade { background:linear-gradient(90deg,rgba(4,38,81,.28),rgba(3,53,105,.04)); }
.hero-actions { gap:20px; flex-wrap:wrap; }
.hero-copy { font-size:18px; }
.hero-explain { margin-top:10px; }
.signature.create-cta { width:420px; color:#13385b; }
.signature.create-cta>span { left:8%; right:16%; font-size:13px; line-height:1.5; white-space:normal; font-weight:600; letter-spacing:-.025em; }
.signature.create-cta .arrow { left:86%; }
.hero-notes { margin-top:9px; }
.section { width:calc(100% - 64px); padding:48px 42px; margin:28px auto; border:1px solid rgba(255,255,255,.85); border-radius:25px; background:rgba(255,254,250,.96); }
html[data-theme="night"] .section { background:rgba(11,37,67,.94); border-color:rgba(188,211,238,.45); }
html[data-theme="light"] .section { background:var(--panel); border-color:var(--line); }
html[data-theme="dark"] .section { background:var(--panel); border-color:var(--line); }
.how { gap:56px; }
.creator-stage-note { font-size:12px; font-weight:600; color:var(--muted); margin-top:20px; line-height:1.85; }
.site-footer { position:relative; background:linear-gradient(180deg,rgba(3,28,61,.16),rgba(3,28,61,.78)); border-top:1px solid #ffffff77; color:#fff; padding:42px max(4%,calc((100vw - 1280px)/2)) 44px; align-items:center; }
.site-footer .fine { color:#e7eff8; }
.site-footer p { max-width:850px; line-height:1.9; }
.site-footer a { color:inherit; }
.footer-brand { display:flex; align-items:center; justify-content:center; flex:0 0 250px; width:250px; aspect-ratio:1113/277; }
.footer-brand img { display:block; width:77%; height:auto; max-height:72%; margin-right:6%; object-fit:contain; }
html[data-theme="light"] .page-sky, html[data-theme="dark"] .page-sky { display:none; }
html[data-theme="light"] .site-header, html[data-theme="light"] .hero { background:transparent; }
html[data-theme="light"] .site-footer { background:var(--panel); color:var(--ink); border-color:var(--line); }
html[data-theme="light"] .site-footer .fine { color:var(--muted); }
html[data-theme="dark"] .site-footer { background:var(--paper); }
html[data-theme="light"] .hero .text-action { color:var(--ink); }
html[data-theme="dark"] .hero { background:transparent; }
@media (max-width:1320px) and (min-width:761px) {
 .site-header { display:grid; grid-template-columns:1fr auto; row-gap:8px; padding:16px 4% 10px; }
 .desktop-nav { grid-row:2; grid-column:1/-1; width:100%; justify-content:center; margin:0; }
 .header-actions { grid-row:1; grid-column:2; }
 .account { display:block; }
}
@media (max-width:760px) {
 .page-sky { background-position:center top; background-size:auto 100%; }
 .site-header { display:flex; min-height:90px; padding:14px 4%; gap:8px; }
 .site-header .brand-shell, html[data-theme] .site-header .brand-shell { flex-basis:190px; width:190px; }
 .desktop-nav { display:none; }
 .header-actions { gap:5px; }
 .header-actions .icon-button { width:39px; height:39px; }
 .account { display:none; }
 .hero { min-height:670px; }
 .hero-inner { padding:36px 6% 170px; }
 .hero-copy { font-size:15px; }
 .hero-actions { flex-direction:column; align-items:flex-start; gap:6px; }
 .signature.create-cta { width:355px; max-width:100%; }
 .signature.create-cta>span { font-size:12px; }
 .signature.create-cta .arrow { left:86%; width:18px; height:18px; }
 .hero-explain { margin-top:8px; }
 .hero-notes { font-size:9px; max-width:310px; }
 .clock-chip { bottom:108px; }
 .section { width:calc(100% - 24px); padding:30px 19px; margin:18px auto; border-radius:20px; }
 .how { gap:24px; }
 .section h2 { font-size:19px; }
 .filter-row { gap:18px; }
 .filter { font-size:11px; }
 .provider-grid { grid-template-columns:1fr 1fr; }
 .provider-grid>div { padding:18px 12px; }
 .provider-grid strong { overflow-wrap:anywhere; font-size:12px; }
 .site-footer { display:block; padding:30px 7% 140px; }
 .footer-brand { width:230px; margin-bottom:22px; }
 .site-footer p { font-size:11px; }
 .mobile-nav { display:flex; flex-wrap:wrap; gap:0 4px; justify-content:center; padding:5px 8px max(5px,env(safe-area-inset-bottom)); background:rgba(9,39,74,.88); border-color:#ffffff88; }
 .mobile-nav .nav-signature { flex:0 1 126px; width:calc((100% - 12px)/3); min-width:0; max-width:calc((100% - 12px)/3); min-height:44px;
  padding:3px 12px 3px 8px; font-size:10px; font-weight:600; line-height:1.2; border:0; color:#153758; }
 .mobile-nav .nav-signature:first-child { border:0; }
 .creator-stage-note { font-size:11px; }
}
@media (min-width:520px) and (max-width:760px) { .mobile-nav .nav-signature { max-width:calc((100% - 20px)/5); width:calc((100% - 20px)/5); } }
@media (max-width:350px) {
 .site-header .brand-shell, html[data-theme] .site-header .brand-shell { flex-basis:170px; width:170px; }
 .header-actions .icon-button { width:36px; height:36px; }
 .site-header { padding-inline:4%; gap:4px; }
 .signature.create-cta>span { font-size:11px; }
 .hero-notes { font-size:8px; }
 .section { padding-inline:15px; }
 .provider-grid { gap:9px; }
 .provider-grid strong { font-size:11px; }
 .hero { min-height:680px; }
}

/* W04.1 main inline screen: no video dialog, popup, new window or forced fullscreen. */
[hidden] { display:none!important; }
.hero { min-height:0; }
.hero-inner.hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:38px; max-width:1500px; padding:38px 4% 176px; }
.hero-introduction { min-width:0; }
.hero-grid h1 { font-size:clamp(28px,3vw,43px); line-height:1.42; }
.hero-grid .hero-actions { flex-direction:column; align-items:flex-start; gap:6px; }
.hero-grid .hero-copy { font-size:18px; }
.hero-grid .hero-notes { max-width:440px; }
.hero-grid .eyebrow { font-size:10px; letter-spacing:.14em; }
.home-screen { color:var(--ink); background:var(--panel); border:1px solid #ffffffb8; border-radius:22px; overflow:hidden; min-width:0; padding:20px; position:relative; box-shadow:0 14px 30px #03274722; }
.home-screen:focus { outline:none; }
.home-screen:focus-visible { outline:3px solid var(--orange); outline-offset:5px; }
.screen-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.screen-heading .kicker { margin:0 0 5px; font-size:9px; letter-spacing:.1em; }
.screen-heading h2 { margin:0; font-size:20px; line-height:1.5; }
.screen-badge { border:1px solid var(--orange); padding:6px 9px; font-size:10px; font-weight:600; border-radius:8px; }
.screen-frame { position:relative; aspect-ratio:16/9; background:#071d39; border-radius:12px; overflow:hidden; isolation:isolate; }
.screen-frame video { display:block; width:100%; height:100%; max-height:none; object-fit:contain; background:#071d39; }
.screen-poster { position:absolute; inset:0; display:grid; place-items:center; background:linear-gradient(#05387633,#071c4a88),url('assets/sky-day.jpg') center/cover; color:white; }
html[data-theme="night"] .screen-poster, html[data-theme="dark"] .screen-poster { background-image:linear-gradient(#071d4511,#071d4577),url('assets/sky-night.jpg'); }
.screen-poster-copy { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:14px; }
.screen-poster-copy p { margin:0 0 7px; font-size:clamp(13px,1.6vw,21px); line-height:1.65; }
.screen-poster .signature { width:min(296px,95%); }
.screen-poster .signature>span { font-size:11px; }
.poster-demo-label { font:10px/1.5 'Trebuchet MS',sans-serif; letter-spacing:.07em; margin-top:5px; }
.home-screen .player-status { font-size:11px; min-height:2.8em; line-height:1.75; margin:12px 0 5px; overflow-wrap:anywhere; }
.screen-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; }
.screen-toolbar .quiet-button { padding:8px 0; font-size:10px; min-height:40px; }
.screen-mode { font-size:9px; color:var(--muted); line-height:1.65; }
.screen-details { border-top:1px solid var(--line); margin-top:10px; }
.screen-details summary { cursor:pointer; padding:14px 0 5px; font-size:11px; min-height:40px; }
.screen-tools-body { padding:9px 0 2px; }
.home-screen .player-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.home-screen .player-controls .signature { width:255px; }
.home-screen .player-controls .signature>span { font-size:11px; }
.home-screen .quiet-button { font-size:11px; }
.home-screen .fine { font-size:10px; }
.home-screen .personal-demo { margin:12px 0; gap:10px; }
.home-screen .personal-demo label { font-size:10px; }
.home-screen select { min-height:42px; padding:6px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink); font:11px var(--display); }
.home-screen .route { flex-wrap:wrap; }
.home-screen .route span { font-size:10px; }
.home-screen output { display:block; overflow-wrap:anywhere; }
.feature-config { margin-top:22px; border-top:1px solid var(--line); padding-top:14px; }
.feature-config summary { cursor:pointer; font-size:13px; line-height:1.8; min-height:44px; padding:8px 0; }
.feature-config p { font-size:12px; }
.feature-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:16px 0; }
.feature-fields label { display:grid; gap:8px; font-size:12px; min-width:0; }
.feature-fields select { width:100%; max-width:100%; min-height:48px; font-size:12px; padding:9px; color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:9px; }
.autoplay-preference { display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.8; margin-top:22px; }
.autoplay-preference input { flex:none; width:20px; height:20px; margin-top:3px; }
@media (max-width:1100px) and (min-width:761px) {
 .hero-inner.hero-grid { grid-template-columns:1fr 1.1fr; gap:20px; padding-inline:3%; }
 .hero-grid h1 { font-size:28px; }
 .hero-grid .hero-copy { font-size:14px; }
 .hero-grid .signature.create-cta { width:100%; }
 .hero-grid .signature.create-cta>span { font-size:11px; }
 .home-screen { padding:15px; }
 .screen-heading h2 { font-size:17px; }
 .screen-poster-copy p { font-size:14px; }
 .screen-poster .signature>span { font-size:10px; }
}
@media (max-width:760px) {
 .hero-inner.hero-grid { grid-template-columns:1fr; gap:26px; padding:28px 5% 154px; }
 .hero-grid h1 { font-size:clamp(27px,7vw,42px); }
 .hero-grid .hero-copy { font-size:15px; }
 .home-screen { border-radius:18px; padding:14px; }
 .screen-heading h2 { font-size:17px; }
 .screen-heading .kicker { font-size:8px; }
 .screen-poster-copy { padding:8px; }
 .screen-poster-copy p { font-size:13px; margin:0; }
 .screen-poster .signature { width:min(260px,96%); }
 .screen-poster .signature>span { font-size:10px; }
 .poster-demo-label { font-size:8px; margin:0; }
 .hero-grid .hero-notes { font-size:9px; }
 .feature-fields { grid-template-columns:1fr; }
 .feature-fields select { font-size:11px; }
 .home-screen .player-controls .signature { width:250px; max-width:100%; }
}
@media (max-width:350px) {
 .hero-grid .eyebrow { font-size:8px; }
 .hero-grid .signature.create-cta>span { font-size:10px; }
 .home-screen { padding:10px; }
 .screen-heading h2 { font-size:15px; }
 .screen-poster-copy p { font-size:11px; }
 .screen-poster .signature>span { font-size:9px; }
 .home-screen .screen-mode { font-size:8px; }
}

/* W04.2 — dedicated pages, original inline R4D mark, compact white/orange actions.
 * All signature surfaces use the accepted raster alpha at its original ratio.
 * No new silhouette, CSS skew, clipped corners or font binaries.
 */
.site-header, html[data-theme] .site-header {
 display:flex; position:relative; z-index:20; width:100%; max-width:1440px;
 min-height:104px; padding:16px 4%; gap:18px; align-items:center; justify-content:flex-start;
}
.header-actions { margin-left:auto; display:flex; gap:10px; align-items:center; }
.site-header .menu-toggle { flex:none; width:48px; height:48px; padding:11px; border:1px solid var(--orange); border-radius:12px; color:#153758; background:#fff; display:grid; place-items:center; }
.four-lines { width:23px; display:grid; gap:4px; }
.four-lines>span { display:block; height:2px; width:100%; background:currentColor; border-radius:1px; }
.menu-toggle[aria-expanded="true"] { outline:2px solid var(--orange); outline-offset:2px; }
.site-header .brand-shell, html[data-theme] .site-header .brand-shell { width:246px; flex:0 0 246px; }
.menu-panel {
 position:absolute; z-index:40; left:4%; top:calc(100% - 8px); width:min(370px,92vw); max-height:calc(100dvh - 128px); overflow-y:auto;
 padding:20px; background:#fcfbf6; color:#153758; border:1px solid #f18127; border-radius:20px; box-shadow:0 10px 26px #071f4924;
}
.menu-title { margin:0 0 14px; font-size:13px; }
.expanded-nav { display:grid; gap:8px; justify-items:center; }
.expanded-nav .nav-signature {
 display:flex; align-items:center; justify-content:center; width:290px; max-width:100%; aspect-ratio:1113/277;
 background:url('assets/button-white-orange.png') center/contain no-repeat; color:#153758;
 border:0; border-radius:0; padding:5px 38px 5px 21px; font:600 13px/1.4 var(--display);
}
.expanded-nav .nav-signature[aria-current="page"] { text-decoration:underline; text-decoration-color:#ed7c20; text-decoration-thickness:2px; text-underline-offset:5px; }
.expanded-nav .nav-create { font-size:12px; }
.create-words { text-align:center; display:block; }
.create-second { display:flex; align-items:center; justify-content:center; gap:5px; }
.menu-note { font-size:9px; margin:14px 0 0; color:#395572; line-height:1.7; }
.brand-inline { display:inline-block; width:auto; height:1.45em; max-width:none; object-fit:contain; vertical-align:middle; margin:0 .12em; }
h1 .brand-inline, h2 .brand-inline { height:1.35em; }
.filter .brand-inline { height:1.65em; }
.badge .brand-inline, .screen-badge .brand-inline { height:28px; width:auto; }
.badge, .screen-badge { background:#fffcf5; color:#13385b; border:1px solid var(--orange); }
.signature>span .brand-inline { height:25px; width:auto; }
.signature.create-cta, .hero-grid .signature.create-cta { width:304px; max-width:100%; color:#143859; }
.signature.create-cta>span { left:8%; right:20%; font-size:11.5px; white-space:normal; line-height:1.35; }
.signature.create-cta .create-second { min-height:25px; }
.signature.create-cta .arrow { width:20px; height:20px; left:83%; top:37%; }
.signature .button-shell { object-fit:contain; }
.homepage-hero .hero-inner.hero-grid {
 display:grid; grid-template-columns:minmax(0,1fr); max-width:1440px; gap:24px;
 padding:28px 4% 40px; align-items:stretch;
}
.hero-introduction { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; }
.hero-grid h1 { font-size:clamp(25px,3vw,39px); line-height:1.45; margin:0 0 13px; }
.hero-grid .hero-copy { margin:0; font-size:16px; line-height:1.9; }
.hero-grid .eyebrow { margin-bottom:14px; }
.intro-actions { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.intro-actions .signature { width:304px; }
.intro-actions>.text-action { font-size:12px; padding:8px 20px; }
.hero-notes { margin:0; font-size:10px; }
.home-screen { padding:22px; width:100%; border-radius:23px; box-shadow:0 8px 24px #07365d12; }
.screen-frame { width:100%; aspect-ratio:16/9; }
.screen-poster-copy p { font-size:clamp(16px,2.5vw,30px); }
.screen-poster .signature { width:300px; }
.home-screen .player-status { font-size:12px; }
.screen-heading .kicker { font-size:10px; }
.screen-heading h2 { font-size:21px; }
.section { scroll-margin-top:0; }
main>.section { width:calc(100% - 8%); max-width:1280px; margin:24px auto; padding:42px; background:var(--panel); border:1px solid #ffffffb8; border-radius:24px; }
main>.section h1 { color:var(--ink); font-size:clamp(23px,3vw,37px); line-height:1.6; overflow-wrap:anywhere; }
main>.section h2 { font-size:22px; line-height:1.6; }
.page-lead { font-size:16px; line-height:1.9; max-width:850px; }
.scope-note { padding:16px 18px; border-left:3px solid var(--orange); background:color-mix(in srgb,var(--paper) 85%,transparent); font-size:12px; line-height:1.9; }
.home-teaser .section-heading { align-items:center; }
.home-teaser .section-heading h2 { font-size:21px; }
.home-teaser .sample-grid { margin-top:24px; }
.catalogue-search { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:25px 0 0; }
.catalogue-search label { font-size:12px; }
.catalogue-search input { flex:1 1 230px; min-width:0; padding:14px; border:1px solid var(--line); border-radius:10px; font:13px var(--display); color:var(--ink); background:var(--paper); min-height:48px; }
.sample-card a.card-link { display:inline-flex; align-items:center; min-height:44px; }
.creator-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:28px 0; }
.creator-flow>div { padding:20px; border:1px solid var(--line); border-radius:17px; }
.creator-flow>div>span { color:#bf5707; font-size:12px; }
.creator-flow h3 { font-size:14px; line-height:1.8; }
.creator-flow p { font-size:12px; line-height:1.85; }
.watch-page .home-screen { box-shadow:none; padding:0; border:0; background:none; }
.watch-navigation { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:25px; flex-wrap:wrap; }
.watch-navigation a { display:inline-flex; align-items:center; font-size:12px; min-height:44px; }
.space-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:28px 0; }
.content-panel { padding:24px; border:1px solid var(--line); border-radius:15px; }
.version-list { list-style:none; margin:0; padding:0; }
.version-list a { display:block; padding:12px 8px; min-height:44px; font-size:12px; color:var(--ink); border-bottom:1px solid var(--line); }
.personal-demo select { font:13px var(--display); padding:9px; color:var(--ink); background:var(--paper); }
.ondemand-panel { padding:28px; margin:28px 0; background:#3d2925; color:#fff8ed; border-radius:22px; }
.ondemand-panel h2 { color:#fff8ed; }.ondemand-panel .scope-note { color:#fff8ed; background:#533a31; }
.site-footer { max-width:1440px; margin:auto; padding:42px 4% 42px; gap:35px; }
.footer-links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.footer-links a { min-height:44px; display:inline-flex; align-items:center; font-size:11px; }
.footer-clock { display:flex; gap:20px; font-size:10px; margin-top:14px; }
.noscript-note { padding:20px; background:#fff8eb; color:#17395d; }
@media(max-width:900px) {
 .hero-introduction { grid-template-columns:1fr; gap:18px; }
 .intro-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; }
 .creator-flow { grid-template-columns:1fr; gap:12px; }
 .space-grid { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .site-header, html[data-theme] .site-header { padding:12px 4%; min-height:88px; gap:9px; }
 .site-header .brand-shell, html[data-theme] .site-header .brand-shell { width:185px; flex:0 1 185px; min-width:0; }
 .site-header .menu-toggle { width:44px; height:44px; padding:10px; border-radius:10px; }
 .header-actions { gap:6px; }
 .header-actions .icon-button { width:38px; height:44px; }
 .header-actions>a.icon-button { display:none; } /* Search remains the first control on Discover. */
 .menu-panel { max-height:calc(100dvh - 116px); padding:18px; }
 .homepage-hero .hero-inner.hero-grid { padding:18px 4% 24px; gap:22px; }
 .hero-grid h1 { font-size:27px; }
 .hero-grid .hero-copy { font-size:14px; }
 .intro-actions { gap:4px; }
 .intro-actions .signature, .signature.create-cta, .hero-grid .signature.create-cta { width:292px; }
 .signature>span { font-size:12px; }
 .signature.create-cta>span { font-size:11px; }
 .signature.create-cta .arrow { left:83%; }
 .home-screen { padding:13px; border-radius:18px; }
 .screen-heading h2 { font-size:17px; }
 .screen-poster-copy p { font-size:15px; }
 .home-screen .player-status { font-size:11px; }
 .home-screen .screen-mode { font-size:10px; }
 .home-screen .screen-toolbar .quiet-button { font-size:11px; }
 main>.section { width:calc(100% - 24px); padding:25px 20px; border-radius:20px; }
 main>.section h1 { font-size:23px; }
 main>.section h2 { font-size:18px; }
 .page-lead { font-size:14px; }
 .catalogue-search { gap:10px; }.catalogue-search label { width:100%; }
 .catalogue-search input { flex-basis:100%; }
 .site-footer { display:block; padding:28px 6% 34px; }
 .site-footer .footer-brand { width:230px; }
 .footer-links { gap:4px 16px; }
 .footer-clock { flex-wrap:wrap; gap:7px 14px; }
 .watch-navigation a { font-size:10px; }
 .screen-frame { border-radius:9px; }
 .content-panel { padding:17px; }
}
@media(max-width:350px) {
 .site-header,html[data-theme] .site-header { gap:5px; }
 .site-header .brand-shell,html[data-theme] .site-header .brand-shell { flex-basis:165px; width:165px; }
 .hero-grid h1 { font-size:24px; }
 .signature.create-cta>span { font-size:10.5px; }
 .expanded-nav .nav-signature { font-size:11px; }
 .expanded-nav .nav-create { font-size:11px; }
}