/* nCircle's shared glass layer. Supplied Tide palette; no animated blur or filters. */
:root {
  --web-glass-bg: linear-gradient(135deg,rgba(255,255,255,.86),rgba(235,246,253,.81));
  --web-glass-border: rgba(255,255,255,.9);
  --web-glass-shadow: inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(85,128,158,.12),0 20px 55px -28px rgba(11,37,64,.42);
  --web-glass-blur: 18px;
  --web-glass-radius: 28px;
  --web-glass-control: linear-gradient(145deg,rgba(255,255,255,.7),rgba(227,243,252,.42));
  --text-secondary: #3d5063;
  --web-glass-accent: #005267;
  --text-accent: var(--web-glass-accent);
  --text-gradient: linear-gradient(135deg,var(--nc-tide-700),var(--nc-cobalt-500));
}
/* A little Tide light behind the glass makes its depth visible in the white room. */
.spatial-world{background:var(--glass-ambient-strong)}
.gallery-wall{background:rgba(238,247,253,.46)}
.gallery-edge{background:linear-gradient(180deg,rgba(242,249,253,.86),rgba(242,249,253,.14) 16%,transparent 30%,transparent 78%,rgba(235,246,253,.42) 100%)}
.gallery-edge::after{background:linear-gradient(90deg,rgba(241,248,252,.35),transparent 16%,transparent 84%,rgba(241,248,252,.35))}
/* Broad surfaces own the blur. Their children use translucent fills, not more blur layers. */
.nav-shell,.world-controls,.world-invitation,.world-hint,.scene-panel,.app-window,dialog {
  border:1px solid var(--web-glass-border);
  background:var(--web-glass-bg);
  box-shadow:var(--web-glass-shadow);
  -webkit-backdrop-filter:blur(var(--web-glass-blur)) saturate(115%);
  backdrop-filter:blur(var(--web-glass-blur)) saturate(115%);
  border-radius:var(--web-glass-radius);
}
.site-header{inset:14px 18px auto;height:66px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-shell{height:66px;padding:0 20px;--web-glass-blur:12px;border-radius:22px;gap:20px}
.brand img{width:60px;height:47px}
.main-nav{gap:22px}
.main-nav a{font-size:11px}
.nav-signature{font-size:8px;letter-spacing:.035em}
/* Every chapter reads through the same frosted, rounded surface. */
.scene-panel{padding:30px;max-width:49%;width:560px}
.product-scene .product-copy{padding:clamp(24px,2.3vw,34px);width:100%;max-width:100%;box-shadow:var(--web-glass-shadow)}
.product-copy h1{font-size:clamp(44px,4.5vw,72px)}
.product-copy h2{font-size:clamp(40px,4vw,64px)}
.scene-lede,.product-copy .scene-lede{color:var(--text-secondary)}
.eyebrow,.micro-label{color:var(--text-secondary)}
.scene-note{color:var(--text-secondary)}
.scene-action{padding:12px 17px;max-width:100%;border:1px solid rgba(255,255,255,.95);border-radius:16px;background:var(--web-glass-control);box-shadow:inset 0 1px 0 #fff9,0 4px 12px -10px #14374a66;gap:26px;transition:background var(--dur-base),border-color var(--dur-base),color var(--dur-base)}
.scene-action:hover{background:rgba(219,244,250,.88);border-color:rgba(0,127,153,.3);color:var(--web-glass-accent)}
.scene-final{gap:10px;flex-wrap:wrap}
.scene-final .scene-action{gap:16px}
.scene-detail,.faq-list details{border-color:rgba(61,95,122,.18)}
.faq-list summary{gap:16px;font-weight:500}
.footer-link{border-color:rgba(61,95,122,.22)}
.scene-terms>div,.scene-terms>div:last-child{border-color:rgba(61,95,122,.15)}
.world-invitation{width:min(360px,calc(100% - 40px));min-width:0;padding:25px;white-space:normal;background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(219,241,253,.77))}
.world-invitation p{font-size:22px;line-height:1.35;letter-spacing:-.04em}
.world-invitation p span{font-size:12px;letter-spacing:0;line-height:1.6}
.world-journeys{gap:10px;margin-top:17px}
.world-journeys a{font-size:12px;padding:10px 12px;gap:12px;background:var(--web-glass-control);border:1px solid #fff;border-radius:14px;color:var(--web-glass-accent)}
.world-journeys a:hover{background:rgba(255,255,255,.9)}
.world-hint{bottom:112px;padding:10px 17px;font-size:10px;border-radius:18px;--web-glass-blur:10px}
.world-controls{inset:auto 18px 14px;min-height:70px;padding:10px 15px;align-items:center;--web-glass-blur:12px;border-radius:22px}
.world-caption{padding:0;max-width:350px;font-size:9px}
.world-position{padding:0;font-size:9px;gap:10px}
.world-actions{background:none;gap:9px}
.motion-control,.next-chapter{padding:10px 12px;background:var(--web-glass-control);border:1px solid #ffffffcf;border-radius:14px;font-size:10px;gap:12px}
.next-chapter{min-width:130px}
.motion-control:hover,.next-chapter:hover{background:rgba(255,255,255,.91)}
.motion-control[aria-pressed=true]{background:rgba(194,233,243,.7);border-color:rgba(0,127,153,.35)}
/* Brand platform glass: one blurred window, light refractive surfaces inside it. */
.app-window{border-radius:25px}
.app-chrome{background:linear-gradient(135deg,#ffffff54,#e4f6fc35);border-color:#ffffffb3;min-height:60px}
.app-content{background:transparent}
.app-disclosure{background:rgba(221,239,248,.42);border-color:#ffffffae;color:var(--text-secondary)}
.app-phase-nav strong{color:var(--web-glass-accent)}
.app-stat{border:1px solid rgba(255,255,255,.86);background:linear-gradient(140deg,#ffffffa6,#e1f0f77a);box-shadow:inset 0 1px 0 #ffffffbd;border-radius:14px}
.app-stat-lead{background:linear-gradient(145deg,rgba(13,42,65,.95),rgba(20,66,88,.87));border-color:#ffffff6b;color:#fff;box-shadow:inset 0 1px 0 #ffffff40}
.app-stat-lead>span,.app-stat-lead small{color:#d7f1f9}
.app-tag,.sample-badge,.app-preview-label{background:rgba(234,248,254,.7);border:1px solid #ffffffce;border-radius:12px;color:var(--web-glass-accent)}
.app-filter button,.scenario-controls button,.journey-controls button,.gig-choices button{border:1px solid #ffffffeb;border-radius:12px;background:var(--web-glass-control);box-shadow:inset 0 1px 0 #ffffffa6}
.app-filter button[aria-pressed=true],.scenario-controls button[aria-pressed=true],.journey-controls button[aria-pressed=true],.gig-choices button[aria-pressed=true]{background:rgba(177,232,244,.65);border-color:rgba(0,127,153,.45);color:var(--web-glass-accent)}
.app-filter button:hover,.scenario-controls button:hover,.journey-controls button:hover,.gig-choices button:hover{border-color:rgba(0,127,153,.4)}
.post-row,.app-bottom-line,.report-readout,.gig-detail,.reply-preview{border-color:rgba(61,95,122,.18)}
.post-row img{border-radius:11px}
.participant-line span{border-color:#ffffffd9;background:#ffffff66}
.message{background:linear-gradient(135deg,#ffffffb3,#e6f3fa70);border:1px solid #ffffffa6;border-radius:5px 16px 16px 16px}
.message-creator{background:linear-gradient(135deg,#c4eef3c7,#def8fc80);border-radius:16px 5px 16px 16px}
.message-draft{border:1px dashed var(--nc-tide-600);background:#ffffffa6}
.reply-preview input,.reply-preview button{background:#ffffff8c;border-color:#ffffffeb;border-radius:12px}
.reply-preview button{color:var(--web-glass-accent);background:#c9eff4b3}
.brief-prompt,.evidence-note,.draft-followup{background:rgba(218,239,248,.48);border:1px solid rgba(255,255,255,.75);border-radius:14px}
.profile-initial{border-radius:50%;border-color:#ffffffc7;background:#ffffff70}
.creator-app-controls{padding:9px;gap:7px;background:var(--web-glass-bg);border:1px solid #fff;border-radius:25px;box-shadow:var(--web-glass-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.creator-app-controls button{background:var(--web-glass-control);border-color:#ffffffd9}
.creator-app-controls button[aria-pressed=true]{background:#b9e8f3b3;border-color:#007f9966;color:var(--web-glass-accent)}
.device-caption{background:rgba(241,249,253,.86);border:1px solid #ffffffbd;border-radius:14px;padding:9px 12px;box-shadow:inset 0 1px 0 #fff9;color:var(--text-secondary)}
/* Modal, input and result surfaces follow the same system. */
dialog{background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(228,243,253,.9));border-radius:28px;box-shadow:inset 0 1px 0 #fff,0 30px 110px -30px #071e3c66}
dialog::backdrop{background:rgba(11,27,43,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dialog-close{border-radius:50%;border:1px solid #fff;background:var(--web-glass-control)}
.journey-controls{display:flex;gap:8px}
.journey-controls button{min-height:44px;padding:9px 13px}
.form-field input,.form-field select,.form-field textarea{border:1px solid rgba(112,153,180,.4);background:rgba(255,255,255,.58);border-radius:12px;box-shadow:inset 0 1px 2px #ffffffa6}
.form-field option{background:#f6fbff;color:var(--nc-ink)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--nc-tide-600)}
.button{border:1px solid #ffffff80;border-radius:14px;background:linear-gradient(135deg,#006c83ed,#124d6be6);box-shadow:inset 0 1px 0 #ffffff66,0 9px 20px -16px #0a3c54b3}
.button:hover{background:linear-gradient(135deg,#00627a,#0b3d59);transform:none}
.button-outline{color:var(--nc-ink);background:var(--web-glass-control);border-color:#fff}
.button-outline:hover{color:var(--nc-ink);background:#ffffffc7}
/* Blur remains static; no pointer-driven filters or extra scene animation. */
@media(max-width:1200px){.world-caption{max-width:230px}.scene-panel{max-width:51%}}
@media(max-width:1100px){.scene-panel{padding:27px;max-width:55%}.scene-panel h2{font-size:47px}.product-copy h2{font-size:45px}.world-position{gap:7px;font-size:8px}}
@media(max-width:800px){
 .site-header{inset:10px 12px auto;height:64px}.nav-shell{height:64px;padding:0 13px;border-radius:20px;gap:12px}.brand img{width:55px;height:44px}
 .menu-toggle{border:1px solid #ffffffd9;border-radius:14px;background:var(--web-glass-control);min-width:44px;justify-content:center;padding:10px}
 .main-nav{top:calc(100% + 10px);left:0;right:0;padding:17px;gap:8px 13px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#fffffff0,#e6f4fbe8);box-shadow:var(--web-glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 .main-nav a{font-size:13px;padding:10px;min-height:44px;border-radius:12px}.main-nav a:hover{background:#ffffff73}
 .scene-panel{max-width:76%;padding:27px}.product-scene .product-copy{max-width:530px;padding:29px;box-shadow:var(--web-glass-shadow)}
 .product-copy h1{font-size:57px}.product-copy h2{font-size:48px}.world-position{display:none}.world-caption{max-width:240px;font-size:8px}
 .world-controls{gap:12px;padding:10px 12px}.world-actions{gap:8px}
}
@media(max-width:600px){
 .site-header{inset:10px 10px auto}.nav-shell{padding:0 12px}.main-nav a{font-size:12px}
 .scene{padding:110px 22px 145px}.scene-world{padding:0}.scene-panel{max-width:100%;width:100%;padding:25px 23px;border-radius:25px;background:var(--web-glass-bg);box-shadow:var(--web-glass-shadow)}
 .scene-panel h2{font-size:clamp(36px,10.2vw,48px)}.product-scene{padding-inline:22px;gap:28px}.product-scene .product-copy{padding:25px 23px;border-radius:25px}
 .product-copy h1{font-size:clamp(40px,11.5vw,55px)}.product-copy h2{font-size:clamp(36px,10.2vw,48px)}
 .scene-action{font-size:12px;padding:11px 14px;gap:20px}.scene-final .scene-action{font-size:11px;gap:12px;margin-top:17px}
 .world-invitation{top:46%;width:min(320px,calc(100% - 40px));padding:22px;border-radius:25px}.world-invitation p{font-size:21px}.world-invitation p span{font-size:12px}.world-journeys a{font-size:11px;padding:10px;gap:8px}
 .world-hint{bottom:132px;padding:9px 12px;font-size:9px;max-width:calc(100% - 40px);white-space:normal;border-radius:16px}
 .world-controls{inset:auto 10px 10px;display:grid;grid-template-columns:1fr;min-height:99px;gap:7px;padding:10px 12px;border-radius:22px;justify-content:stretch}
 .world-actions{order:-1;justify-content:space-between;gap:8px}.motion-control,.next-chapter{font-size:10px;padding:9px 12px;min-height:44px}.next-chapter{min-width:123px}
 .world-caption{max-width:none;font-size:8px;padding:0}.world-caption .image-disclaimer{display:inline}.world-invitation .world-journeys{gap:9px}
 .app-window{border-radius:22px}.app-content{padding:19px 14px}.app-chrome{padding:12px}.app-section-title h3{font-size:20px}.app-stat{border-radius:11px}.app-tag{font-size:8px}
 .app-disclosure{font-size:8px}.creator-app-controls{padding:8px;border-radius:23px;margin-top:20px}.creator-app-controls button{font-size:9px;padding-inline:10px}.device-caption{font-size:10px}
 dialog{padding:39px 24px 27px;border-radius:25px}.form-row{gap:12px}.journey-controls button{font-size:12px}
}
@media(max-width:360px){.scene{padding-inline:16px}.scene-world{padding:0}.scene-panel,.product-scene .product-copy{padding:23px 19px}.scene-panel h2{font-size:35px}.product-copy h1{font-size:39px}.scene-final{gap:6px}.world-invitation{padding:21px}.world-journeys a{padding-inline:8px;font-size:10px;gap:6px}}
/* Static tints preserve the visual hierarchy where backdrop filtering is unavailable. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .nav-shell,.world-controls,.world-invitation,.world-hint,.scene-panel,.app-window{background:linear-gradient(135deg,rgba(248,253,255,.97),rgba(224,240,252,.96))}
 dialog,.main-nav.is-open{background:#f1f8fd}
}
@media(prefers-reduced-transparency:reduce){
 .nav-shell,.world-controls,.world-invitation,.world-hint,.scene-panel,.app-window,.creator-app-controls,.device-caption,dialog,.main-nav.is-open{background:#f0f7fc;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
 .nav-shell,.world-controls,.world-invitation,.world-hint,.scene-panel,.app-window,dialog{background:Canvas;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .scene-action,.world-journeys a,.motion-control,.next-chapter{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}
 .gradient-text{background:none;color:CanvasText}
}

/* Brand leads the homepage; the room retains its surrounding depth and motion.
   Geometry and arc colors come from the supplied Wordmark component. */
.world-invitation.brand-led-hero{width:min(490px,calc(100% - 44px));padding:30px 34px 28px;text-align:center}
.hero-brand-logo{display:block;width:min(100%,312px);height:auto;aspect-ratio:104/80;margin:0 auto 21px;overflow:visible}
.hero-brand-logo text{font-family:var(--font-sans)}
.brand-led-hero p{font-size:17px;line-height:1.6;letter-spacing:-.025em}
.brand-led-hero p span{font-size:12px;letter-spacing:0}
.brand-led-hero .world-journeys{max-width:360px;margin:21px auto 0;text-align:left}
@media(max-width:600px){
 .world-invitation.brand-led-hero{top:46%;width:min(340px,calc(100% - 44px));padding:25px 24px}
 .brand-led-hero .hero-brand-logo{width:228px;margin-bottom:18px}
 .brand-led-hero p{font-size:16px;line-height:1.55}
 .brand-led-hero p span{font-size:11px}
 .brand-led-hero .world-journeys{margin-top:18px}
}
@media(max-width:360px){
 .world-invitation.brand-led-hero{top:47%;padding:22px}
 .brand-led-hero .hero-brand-logo{width:195px;margin-bottom:15px}
 .brand-led-hero p{font-size:14px}
 .brand-led-hero p span{font-size:10px}
}
@media(max-width:600px) and (max-height:740px){
 .world-invitation.brand-led-hero{top:47%}
 .brand-led-hero .hero-brand-logo{width:180px;margin-bottom:12px}
 body:not(.product-journey) .world-hint{display:none}
}
@media(max-height:600px) and (min-width:501px){
 .world-invitation.brand-led-hero{top:49%;width:min(540px,calc(100% - 44px));padding:18px 24px;display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px 20px;align-items:center;text-align:left}
 .brand-led-hero .hero-brand-logo{grid-row:1 / 3;width:155px;margin:0}
 .brand-led-hero p{font-size:14px;line-height:1.4}
 .brand-led-hero .world-journeys{width:100%;margin:0;gap:8px}
 .brand-led-hero .world-journeys a{font-size:10px;padding:8px;gap:6px}
 body:not(.product-journey) .world-hint{display:none}
}
@media(max-height:600px) and (max-width:500px){
 .world-invitation.brand-led-hero{padding:18px 22px}
 .brand-led-hero .hero-brand-logo{width:135px;margin-bottom:10px}
 .brand-led-hero .world-journeys{margin-top:12px}
}