:root{--inside-ink:#092538;--inside-blue:#2f6f90;--inside-deep:#174d6c;--inside-line:rgba(47,111,144,.2);--inside-paper:rgba(255,255,255,.86);--inside-shadow:0 18px 48px rgba(11,47,73,.11)}
.bs-inside-page{background:radial-gradient(circle at 8% 5%,rgba(207,239,252,.55),transparent 31%),linear-gradient(180deg,#f7fcff 0%,#f8fbfc 45%,#fffaf0 100%)}
.bs-inside-shell{width:min(1160px,calc(100% - 1.2rem));margin:0 auto}
.bs-inside-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(1rem,4vw,3rem);align-items:center;margin:1rem auto 1.35rem;padding:clamp(1.15rem,3vw,2rem);border:1px solid var(--inside-line);border-radius:30px;background:radial-gradient(circle at 12% 10%,#fff,transparent 35%),linear-gradient(135deg,rgba(224,245,253,.93),rgba(255,249,231,.82));box-shadow:var(--inside-shadow);overflow:hidden}
.bs-inside-kicker{display:block;color:var(--inside-blue);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.bs-inside-hero h1{margin:.3rem 0 .75rem;color:var(--inside-ink);font-size:clamp(2.2rem,6vw,5.2rem);line-height:.92;letter-spacing:-.055em}
.bs-inside-hero p{margin:0;color:#193b50;font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}
.bs-inside-safety{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;margin:1rem 0 0;padding:.82rem .9rem;border:1px solid rgba(44,126,106,.22);border-radius:16px;background:rgba(240,255,248,.82);color:#164b3c}
.bs-inside-safety strong{white-space:nowrap}.bs-inside-safety span{line-height:1.38}
.bs-inside-hero-actions,.bs-inside-closing>div{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.bs-inside-hero-actions a,.bs-inside-closing a,.bs-demo-primary,.bs-demo-reset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .88rem;border:1px solid rgba(47,111,144,.24);border-radius:14px;background:rgba(255,255,255,.88);color:var(--inside-deep);font:inherit;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.bs-inside-hero-actions a:first-child,.bs-demo-primary,.bs-inside-closing a:first-child{background:linear-gradient(135deg,#2f789e,#215f82);color:#fff;border-color:transparent}
.bs-inside-hero-actions a:hover,.bs-inside-closing a:hover,.bs-demo-primary:hover,.bs-demo-reset:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(20,77,108,.14)}
.bs-inside-hero-art{margin:0;min-width:0}.bs-inside-hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(14,52,76,.15))}
.bs-inside-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1rem 0 1.25rem}
.bs-demo-card{min-width:0;padding:clamp(1rem,2.2vw,1.35rem);border:1px solid var(--inside-line);border-radius:24px;background:var(--inside-paper);box-shadow:var(--inside-shadow);backdrop-filter:blur(12px)}
.bs-demo-wide{grid-column:1/-1}.bs-demo-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.bs-demo-head h2{margin:.24rem 0 0;color:var(--inside-ink);font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.05;letter-spacing:-.028em}.bs-demo-badge{flex:none;padding:.34rem .52rem;border:1px solid rgba(47,111,144,.18);border-radius:999px;background:#eff9fd;color:#245f80;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.bs-demo-intro{margin:.75rem 0;color:#315064;line-height:1.45}
.bs-demo-field{display:grid;gap:.34rem;margin-top:.78rem}.bs-demo-field>span{color:#21485f;font-size:.78rem;font-weight:900;letter-spacing:.035em}.bs-demo-field input,.bs-demo-field textarea,.bs-demo-field select{width:100%;box-sizing:border-box;padding:.72rem .8rem;border:1px solid rgba(47,111,144,.24);border-radius:13px;background:#fff;color:var(--inside-ink);font:inherit}.bs-demo-field textarea{resize:vertical}.bs-demo-field input:focus,.bs-demo-field textarea:focus,.bs-demo-field select:focus{outline:3px solid rgba(47,111,144,.13);border-color:rgba(47,111,144,.55)}
.bs-image-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.bs-image-demo-card{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0;border:1px solid rgba(47,111,144,.18);border-radius:16px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.bs-image-demo-card:hover,.bs-image-demo-card[aria-pressed="true"]{transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,67,94,.13)}.bs-image-demo-card[aria-pressed="true"]{outline:3px solid rgba(47,111,144,.17)}.bs-image-demo-card img{display:block;width:100%;aspect-ratio:4/2.6;object-fit:cover;background:#e9f5fa}.bs-image-demo-card span{display:grid;gap:.16rem;padding:.62rem}.bs-image-demo-card strong{color:var(--inside-ink);font-size:.85rem}.bs-image-demo-card em{color:#5a7484;font-size:.72rem;font-style:normal}.bs-image-demo-card[hidden]{display:none!important}.bs-demo-selection,.bs-demo-empty,.bs-demo-status{margin:.75rem 0 0;padding:.65rem .72rem;border:1px dashed rgba(47,111,144,.23);border-radius:13px;background:rgba(239,249,253,.7);color:#315b72;line-height:1.4}.bs-demo-empty[hidden]{display:none!important}
.bs-story-demo{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.8rem;align-items:center;margin:.8rem 0}.bs-story-demo img{display:block;width:100%;border-radius:16px;border:1px solid var(--inside-line);background:#eaf7fb}.bs-story-preview{min-width:0;padding:.8rem;border-left:4px solid rgba(47,111,144,.3)}.bs-story-preview strong{display:block;color:var(--inside-ink);font-size:1.08rem}.bs-story-preview p{margin:.35rem 0 0;color:#36576b;line-height:1.43;overflow-wrap:anywhere}.bs-demo-reset{margin-top:.75rem;background:#fff}
.bs-busy-stage{display:grid;justify-items:center;text-align:center;gap:.42rem;margin-top:.8rem;padding:1.1rem;border:1px solid rgba(47,111,144,.18);border-radius:18px;background:radial-gradient(circle at 50% 15%,#fff,transparent 38%),linear-gradient(135deg,#e9f8fd,#fff7df);transition:transform .2s ease,box-shadow .2s ease}.bs-busy-stage.is-playing{transform:scale(1.012);box-shadow:0 15px 30px rgba(21,72,99,.12)}.bs-busy-stage strong{color:var(--inside-ink);font-size:1.12rem}.bs-busy-stage p{margin:0;max-width:42ch;color:#31566c;line-height:1.4}.bs-busy-demo-note{color:#66808d;font-size:.72rem;font-weight:800}.bs-busy-orbit{width:42px;height:42px;border:4px solid rgba(47,111,144,.18);border-top-color:#2f789e;border-radius:50%}.bs-busy-stage.is-playing .bs-busy-orbit{animation:bsInsideSpin .75s linear infinite}@keyframes bsInsideSpin{to{transform:rotate(360deg)}}
.bs-map-demo-list{display:grid;gap:.55rem;margin-top:.75rem}.bs-map-demo-item{padding:.7rem .75rem;border:1px solid rgba(47,111,144,.16);border-radius:14px;background:linear-gradient(135deg,#fff,rgba(235,248,253,.72))}.bs-map-demo-item strong,.bs-map-demo-item span{display:block}.bs-map-demo-item strong{color:var(--inside-ink)}.bs-map-demo-item em{display:inline-block;margin:.2rem 0;color:#2f6f90;font-size:.7rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.bs-map-demo-item span{color:#456477;font-size:.86rem;line-height:1.4}
.bs-sound-choices{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.bs-sound-choices button{padding:.52rem .72rem;border:1px solid rgba(47,111,144,.2);border-radius:999px;background:#fff;color:#31566c;font:inherit;font-size:.86rem;font-weight:850;cursor:pointer}.bs-sound-choices button[aria-pressed="true"]{background:#def2fb;color:#164d6b;border-color:rgba(47,111,144,.38)}.bs-sound-visual{height:84px;display:flex;align-items:center;justify-content:center;gap:6px;margin:.7rem 0;padding:.5rem;border:1px solid rgba(47,111,144,.14);border-radius:17px;background:linear-gradient(180deg,#f8fdff,#edf8fc)}.bs-sound-visual span{width:7px;height:24%;border-radius:999px;background:linear-gradient(180deg,#58a4c6,#245e7e);transition:height .18s ease}.bs-sound-visual.is-playing span{animation:bsInsideBars .65s ease-in-out infinite alternate}.bs-sound-visual.is-playing span:nth-child(2),.bs-sound-visual.is-playing span:nth-child(6){animation-delay:.08s}.bs-sound-visual.is-playing span:nth-child(3),.bs-sound-visual.is-playing span:nth-child(5){animation-delay:.16s}.bs-sound-visual.is-playing span:nth-child(4){animation-delay:.24s}@keyframes bsInsideBars{from{height:22%}to{height:84%}}
.bs-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.85rem}.bs-principle-grid>div{padding:.75rem;border:1px solid rgba(47,111,144,.14);border-radius:15px;background:rgba(255,255,255,.74)}.bs-principle-grid strong,.bs-principle-grid span{display:block}.bs-principle-grid strong{color:var(--inside-ink)}.bs-principle-grid span{margin-top:.25rem;color:#4e6b7b;font-size:.86rem;line-height:1.4}
.bs-inside-closing{margin:1rem 0 1.35rem;padding:clamp(1.1rem,3vw,1.7rem);border:1px solid rgba(47,111,144,.2);border-radius:25px;background:linear-gradient(135deg,rgba(225,245,252,.88),rgba(255,248,226,.82));box-shadow:var(--inside-shadow)}.bs-inside-closing h2{margin:.28rem 0 .55rem;color:var(--inside-ink);font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.05}.bs-inside-closing p{margin:0;max-width:74ch;color:#31566c;line-height:1.48}
@media(max-width:900px){.bs-inside-hero{grid-template-columns:1fr}.bs-inside-hero-art{max-width:560px;margin:auto}.bs-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-image-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bs-inside-shell{width:min(100% - .65rem,1160px)}.bs-inside-grid{grid-template-columns:1fr}.bs-demo-wide{grid-column:auto}.bs-demo-head{display:grid}.bs-demo-badge{width:fit-content}.bs-image-demo-grid,.bs-principle-grid{grid-template-columns:1fr}.bs-story-demo{grid-template-columns:110px minmax(0,1fr)}.bs-inside-safety{grid-template-columns:1fr}.bs-inside-hero-actions a,.bs-inside-closing a,.bs-demo-primary,.bs-demo-reset{width:100%;box-sizing:border-box}}