:root{--bg:#f4f7fa;--panel:rgba(255,255,255,.86);--ink:#111318;--muted:#647083;--line:rgba(17,19,24,.12);--blue:#087ea4;--cyan:#28c7fa;--green:#16864d;--orange:#c06b12;--purple:#6b42a8;--shadow:0 22px 65px rgba(15,23,42,.11);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0,rgba(40,199,250,.14),transparent 30rem),linear-gradient(180deg,#fff,var(--bg) 50%,#e9eef3);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 38px;padding:10px 12px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 18px 45px rgba(15,23,42,.09);backdrop-filter:blur(20px)}.brand,.footer div{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand img,.footer img{width:38px;height:38px;border-radius:11px;box-shadow:0 8px 18px rgba(15,23,42,.14)}.nav nav,.footer nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav nav a,.footer nav a{padding:10px 12px;border-radius:999px;color:#354050;font-size:.88rem}.nav nav a:hover,.nav nav a.active,.footer nav a:hover{background:#eaf8ff;color:#087ea4}.page-hero,.section{margin:30px 0;padding:clamp(28px,5vw,64px);border:1px solid rgba(255,255,255,.82);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.page-hero{max-width:1000px}.page-hero.compact{padding-bottom:42px}.community-hero{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:center;min-height:540px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(218,243,255,.75))}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:13ch;margin-bottom:22px;font-size:clamp(3.1rem,8vw,6.8rem);line-height:.94}h2{font-size:clamp(2rem,4.5vw,4rem);line-height:1}h3{font-size:1.2rem}p,li{color:var(--muted);line-height:1.65}.lead{font-size:1.3rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-weight:800}.button.primary{border-color:transparent;color:#fff;background:#111318}.button.secondary{background:#fff}.text-link{color:var(--blue);font-weight:800}.lab-orbit{position:relative;min-height:300px;border:1px dashed rgba(8,126,164,.55);border-radius:50%;animation:labspin 24s linear infinite}.lab-orbit span{position:absolute;padding:10px 12px;border-radius:999px;color:#fff;background:var(--blue);font-size:.72rem;font-weight:900}.lab-orbit span:nth-child(1){left:38%;top:-5%}.lab-orbit span:nth-child(2){right:-4%;top:38%;background:var(--purple)}.lab-orbit span:nth-child(3){left:35%;bottom:-5%;background:var(--green)}.lab-orbit span:nth-child(4){left:-8%;top:55%;background:var(--orange)}@keyframes labspin{to{transform:rotate(360deg)}}.honest-stats,.lab-principles,.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-grid div{display:grid;gap:3px;padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.stat-grid strong{font-size:2.3rem}.stat-grid span{color:var(--muted);font-size:.85rem}.principle-list{display:flex;flex-wrap:wrap;gap:9px}.principle-list span{padding:10px 12px;border-radius:999px;background:#eaf8ff;color:var(--blue);font-size:.82rem;font-weight:800}.home-columns{align-items:stretch}.home-columns>div{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff}.category-map{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#fff}.category-map a{display:grid;gap:3px;min-width:125px;padding:12px;border-radius:13px;color:#354050;font-size:.8rem;font-weight:800}.category-map a:hover,.category-map a:focus-visible{background:#eaf8ff;color:var(--blue);outline:2px solid var(--cyan);outline-offset:2px}.category-map span{color:var(--blue);font-size:.68rem}.status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px}.status-legend strong{margin-right:5px;font-size:.84rem}.status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.07em;line-height:1.1;text-transform:uppercase}.status.available{background:var(--green)}.status.building{background:var(--orange)}.status.research{background:var(--purple)}.status.roadmap{background:var(--blue)}.feature-grid-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card,.roadmap-card,.suggestion-list article,.discussion-list article{padding:22px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06)}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.category-label{color:var(--blue);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.feature-card h3{margin:20px 0 8px}.feature-card p{min-height:76px}.feature-card h3 a:hover,.roadmap-card h2 a:hover,.suggestion-list h2 a:hover,.discussion-list h2 a:hover{color:var(--blue)}.card-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 14px;color:#566274;font-size:.75rem}.card-metrics span{padding:5px 7px;border-radius:8px;background:#f0f4f7}.card-metrics small{color:var(--muted)}.card-link{color:var(--blue);font-size:.82rem;font-weight:800}.feature-detail-grid,.detail-meta{display:grid;grid-template-columns:1fr .65fr;gap:34px}.detail-meta{grid-template-columns:repeat(3,1fr);margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:.8rem}.interaction-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.interaction-panel.narrow{max-width:700px}.rating-summary strong{font-size:2.5rem;color:var(--blue)}fieldset{margin:18px 0;padding:0;border:0}legend{margin-bottom:8px;font-weight:800}.rating-inputs{display:flex;gap:7px}.rating-inputs label{position:relative}.rating-inputs input{position:absolute;opacity:0}.rating-inputs span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:900}.rating-inputs input:checked+span,.rating-inputs label:hover span{color:#fff;background:var(--blue)}.full{width:100%;margin-top:13px}form{display:grid;gap:15px}form label{display:grid;gap:7px;color:#354050;font-weight:800}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}textarea{min-height:120px;resize:vertical}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:26px}.filter-bar label{flex:1;min-width:190px}.filter-bar .button{min-height:43px}.form-section{max-width:800px}.checkbox{display:flex;grid-template-columns:auto 1fr;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;font-weight:600}.checkbox input{width:18px;margin-top:4px}.form-status{min-height:1.3em;color:var(--blue);font-size:.84rem}.roadmap-grid-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.roadmap-card h2{margin-top:19px;font-size:1.5rem}.roadmap-card form{display:flex;align-items:center;flex-wrap:wrap}.suggestion-list,.discussion-list{display:grid;gap:12px}.suggestion-list h2,.discussion-list h2{margin:15px 0 8px;font-size:1.5rem}.thread-section{max-width:900px}.post{padding:20px 0;border-bottom:1px solid var(--line)}.post strong{margin-right:12px}.post time{color:var(--muted);font-size:.78rem}.reply-form{margin-top:25px}.empty-state{display:grid;justify-items:start;gap:16px;min-height:160px;padding:25px;border:1px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.6)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 42px;color:#46505f}.footer nav{justify-content:flex-end}.footer img{width:30px;height:30px}
@media(max-width:900px){.community-hero,.honest-stats,.lab-principles,.home-columns,.feature-detail-grid{grid-template-columns:1fr}.feature-grid-lab,.roadmap-grid-lab{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;border-radius:24px}.nav nav{justify-content:flex-end}.footer{align-items:flex-start;flex-direction:column}.footer nav{justify-content:flex-start}}@media(max-width:600px){.site-shell{width:min(100% - 20px,1180px)}.page-hero,.section{padding:24px 20px;border-radius:22px}h1{font-size:clamp(2.8rem,14vw,5rem)}.feature-grid-lab,.roadmap-grid-lab,.stat-grid,.detail-meta{grid-template-columns:1fr}.category-map{overflow-x:auto;flex-wrap:nowrap}.category-map a{min-width:120px}.filter-bar{display:grid}.filter-bar label,.filter-bar .button{min-width:0;width:100%}.card-top{align-items:flex-start;flex-direction:column}.lab-orbit{min-height:240px}.footer nav a{padding-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Lab visual layer: lighter copy, stronger wayfinding, and small ambient motion. */
:root{--pointer-x:50%;--pointer-y:20%;--scroll-progress:0}
body{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(40,199,250,.14),transparent 28rem),radial-gradient(circle at 92% 8%,rgba(107,66,168,.1),transparent 25rem),linear-gradient(180deg,#fff,var(--bg) 50%,#e9eef3)}
body::before,body::after{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;opacity:.38;background-image:radial-gradient(circle,rgba(8,126,164,.25) 0 1px,transparent 1.5px);background-size:46px 46px;mask-image:linear-gradient(180deg,black,transparent 75%);transform:translate3d(calc((var(--pointer-x) - 50%) / 18),calc((var(--pointer-y) - 50%) / 18),0) rotate(calc((var(--scroll-progress) - .5) * 2deg));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body::after{opacity:.16;background-size:88px 88px;background-image:radial-gradient(circle,rgba(107,66,168,.5) 0 1px,transparent 1.5px);transform:translate3d(calc((50% - var(--pointer-x)) / 14),calc((50% - var(--pointer-y)) / 14),0) rotate(calc((.5 - var(--scroll-progress)) * 3deg))}
.site-shell{position:relative;z-index:1}
.lab-ready .page-hero,.lab-ready .section{animation:lab-rise .65s both;animation-delay:calc(var(--section-index, 0) * 45ms)}
.page-leaving .site-shell{opacity:.75;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease}
@keyframes lab-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lab-hero{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(24px,5vw,72px);min-height:560px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(218,243,255,.7) 52%,rgba(231,222,255,.58));box-shadow:0 30px 90px rgba(30,71,103,.16)}
.lab-hero h1{max-width:8ch;font-size:clamp(3.5rem,7vw,6.8rem);letter-spacing:-.07em}
.lab-hero-copy{position:relative;z-index:2}.lab-hero-copy .lead{max-width:14ch;font-size:clamp(1.35rem,2.4vw,2rem);color:#34445b}.hero-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-chip-row span{padding:8px 11px;border:1px solid rgba(8,126,164,.15);border-radius:999px;background:rgba(255,255,255,.58);color:var(--blue);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lab-hero-art{position:relative;min-height:400px;display:grid;place-items:center;transform:translateY(calc(var(--scroll-progress) * -18px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.lab-hero-art::before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(40,199,250,.3),transparent 67%);filter:blur(14px)}.lab-hero-art img{position:relative;width:100%;height:auto;border-radius:26px;box-shadow:0 28px 70px rgba(10,37,64,.3);mix-blend-mode:multiply}.hero-art-label{position:absolute;right:4%;bottom:7%;padding:8px 11px;border:1px solid rgba(255,255,255,.52);border-radius:999px;color:#fff;background:rgba(12,23,54,.7);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.live-snapshot{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center}.snapshot-heading h2{max-width:8ch;margin-bottom:10px}.snapshot-heading p:last-child{margin:0}.stat-grid div{position:relative;overflow:hidden}.stat-grid div::after{content:"";position:absolute;right:-18px;bottom:-26px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(40,199,250,.2),transparent);animation:lab-pulse 5s ease-in-out infinite}.stat-grid div:nth-child(2)::after{animation-delay:-1s}.stat-grid div:nth-child(3)::after{animation-delay:-2s}.stat-grid div:nth-child(4)::after{animation-delay:-3s}@keyframes lab-pulse{50%{transform:scale(1.25);opacity:.55}}
.lab-path{display:grid;grid-template-columns:.6fr 1.4fr;gap:28px;align-items:center}.lab-path h2{max-width:7ch;margin-bottom:0}.lab-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lab-path-grid a{display:grid;gap:7px;min-height:140px;padding:17px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(15,23,42,.05);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.lab-path-grid a:hover,.lab-path-grid a:focus-visible{transform:translateY(-6px) rotate(-1deg);background:#fff;box-shadow:0 20px 40px rgba(15,23,42,.12);outline:0}.path-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));font-size:1.2rem;font-weight:900}.lab-path-grid a:nth-child(2) .path-icon{background:linear-gradient(135deg,var(--orange),#ef9c48)}.lab-path-grid a:nth-child(3) .path-icon{background:linear-gradient(135deg,var(--green),#42c993)}.lab-path-grid a:nth-child(4) .path-icon{background:linear-gradient(135deg,#111318,var(--purple))}.lab-path-grid strong{font-size:.94rem}.lab-path-grid small{color:var(--muted);font-size:.74rem}.home-columns-visual{align-items:center}.orbit-panel{position:relative;min-height:220px;border:1px dashed rgba(8,126,164,.42);border-radius:50%;background:radial-gradient(circle,rgba(40,199,250,.12),transparent 62%);animation:labspin 30s linear infinite}.orbit-panel::before,.orbit-panel::after{content:"";position:absolute;inset:15%;border:1px solid rgba(8,126,164,.18);border-radius:50%;transform:rotate(32deg) scaleX(.7)}.orbit-panel::after{inset:30%;transform:rotate(-20deg) scaleX(.8)}.orbit-panel span{position:absolute;padding:8px 10px;border-radius:999px;color:#fff;background:var(--blue);font-size:.68rem;font-weight:900}.orbit-panel span:nth-child(1){left:40%;top:-5%}.orbit-panel span:nth-child(2){right:-2%;top:42%;background:var(--purple)}.orbit-panel span:nth-child(3){left:34%;bottom:-5%;background:var(--green)}.orbit-panel span:nth-child(4){left:-7%;top:51%;background:var(--orange)}.orbit-panel i{position:absolute;left:50%;top:50%;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(40,199,250,.15),0 0 28px rgba(40,199,250,.7);transform:translate(-50%,-50%)}
.feature-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}.feature-card:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(15,23,42,.13)}.feature-card-art{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:112px;margin:-22px -22px 20px;padding:18px;background:linear-gradient(135deg,rgba(234,248,255,.9),rgba(245,240,255,.75));overflow:hidden}.feature-card-art::before{content:"";position:absolute;width:190px;height:190px;right:-64px;top:-90px;border:1px solid rgba(8,126,164,.16);border-radius:50%;box-shadow:0 0 0 18px rgba(8,126,164,.04),0 0 0 36px rgba(8,126,164,.035);animation:icon-orbit 12s linear infinite}.feature-glyph{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:var(--blue);background:rgba(255,255,255,.78);box-shadow:0 13px 25px rgba(8,126,164,.16);animation:icon-float 4s ease-in-out infinite}.feature-glyph svg{width:34px;height:34px}.glyph-dual{color:var(--purple)}.glyph-shield{color:var(--green)}.glyph-edit{color:var(--orange)}.glyph-scan{color:#cd5f7e}.glyph-target{color:#6b42a8}.glyph-path{color:#087ea4}.feature-card-orbit{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(192,107,18,.13),0 0 18px rgba(192,107,18,.45);animation:icon-orbit-dot 5s ease-in-out infinite}@keyframes icon-float{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes icon-orbit{to{transform:rotate(360deg)}}@keyframes icon-orbit-dot{50%{transform:translate(-26px,13px)}}.detail-hero-icon{float:right;margin:4px 0 20px 24px}.detail-hero-icon .feature-glyph{width:92px;height:92px}.detail-hero-icon .feature-glyph svg{width:52px;height:52px}
.discussion-hero{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,231,244,.62))}.discussion-hero h1{max-width:9ch}.discussion-hero-art{position:relative;min-height:220px;border:1px solid rgba(205,95,126,.25);border-radius:50%;background:radial-gradient(circle,rgba(205,95,126,.17),transparent 62%);transform:rotate(-8deg)}.discussion-hero-art::before,.discussion-hero-art::after{content:"";position:absolute;inset:16%;border:1px solid rgba(205,95,126,.3);border-radius:50%;transform:rotate(55deg) scaleX(.7)}.discussion-hero-art::after{inset:32%;transform:rotate(-28deg) scaleX(.8)}.discussion-hero-art span{position:absolute;padding:9px 12px;border-radius:999px;color:#fff;background:#cd5f7e;font-size:.7rem;font-weight:900;text-transform:uppercase}.discussion-hero-art span:nth-child(1){left:38%;top:-4%}.discussion-hero-art span:nth-child(2){right:-4%;top:45%;background:var(--purple)}.discussion-hero-art span:nth-child(3){left:31%;bottom:-5%;background:var(--orange)}.discussion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.discussion-toolbar>div{display:grid;gap:2px}.discussion-toolbar strong{font-size:1.5rem}.discussion-toolbar span{color:var(--muted);font-size:.78rem}.discussion-toolbar nav{display:flex;gap:5px}.discussion-toolbar nav a{padding:9px 12px;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800}.discussion-toolbar nav a:hover,.discussion-toolbar nav a.active{color:var(--blue);background:#eaf8ff}.discussion-card{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:stretch}.discussion-card-art{display:grid;place-items:center;align-content:center;gap:13px;border-radius:16px;background:linear-gradient(145deg,#eaf8ff,#f5edff);color:var(--blue)}.discussion-spark{font-size:2.4rem;animation:icon-float 4s ease-in-out infinite}.discussion-card-main h2{margin:14px 0 7px;font-size:1.35rem}.discussion-card-main time{color:var(--muted);font-size:.75rem}.post-meta{display:flex;align-items:center;gap:12px}.post-meta time{color:var(--muted);font-size:.78rem}.vote-strip{display:flex;align-items:center;gap:6px;margin-top:10px}.vote-strip form{display:inline-flex;gap:0}.vote-button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--blue);background:#fff;font-size:.78rem;font-weight:850}.vote-button:hover,.vote-button:focus-visible{border-color:rgba(8,126,164,.4);background:#eaf8ff;outline:0}.vote-button.down{color:#9c5971}.vote-button.down:hover,.vote-button.down:focus-visible{background:#fff0f5;border-color:rgba(205,95,126,.4)}.vote-strip .form-status{margin-left:4px}.discussion-detail-hero h1{max-width:16ch}.post{padding:24px 0}.post p{max-width:74ch}.thread-section .vote-strip{margin-bottom:2px}
@media(max-width:900px){.lab-hero,.discussion-hero,.live-snapshot,.lab-path{grid-template-columns:1fr}.lab-hero-art{min-height:280px}.lab-path-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lab-hero{min-height:0}.lab-hero h1{font-size:clamp(3rem,16vw,5rem)}.lab-hero-art{min-height:205px}.hero-art-label{right:5%;bottom:4%;font-size:.58rem}.lab-path-grid{gap:8px}.lab-path-grid a{min-height:122px;padding:13px}.discussion-card{grid-template-columns:1fr;gap:12px}.discussion-card-art{display:flex;justify-content:space-between;min-height:64px;padding:12px 15px}.discussion-spark{font-size:1.5rem}.discussion-toolbar{align-items:flex-start;flex-direction:column}.discussion-toolbar nav{width:100%;justify-content:space-between}.discussion-toolbar nav a{flex:1;text-align:center}.detail-hero-icon{float:none;margin:0 0 18px}.detail-hero-icon .feature-glyph{width:72px;height:72px}.home-columns-visual{display:grid}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.lab-hero-art,.orbit-panel,.feature-glyph,.feature-card-art::before,.feature-card-orbit,.discussion-spark{animation:none!important;transition:none!important}.lab-ready .page-hero,.lab-ready .section{animation:none!important}.page-leaving .site-shell{transition:none!important}}
.feature-catalogue-hero{display:grid;grid-template-columns:1fr .65fr;gap:30px;align-items:center}.feature-catalogue-hero h1{max-width:10ch}.feature-map-art{position:relative;min-height:190px;border:1px dashed rgba(8,126,164,.45);border-radius:50%;background:radial-gradient(circle,rgba(40,199,250,.18),transparent 62%);transform:rotate(7deg)}.feature-map-art::before,.feature-map-art::after{content:"";position:absolute;inset:15%;border:1px solid rgba(8,126,164,.25);border-radius:50%;transform:rotate(46deg) scaleX(.72)}.feature-map-art::after{inset:31%;transform:rotate(-24deg) scaleX(.8)}.feature-map-art span{position:absolute;padding:8px 10px;border-radius:999px;color:#fff;background:var(--blue);font-size:.66rem;font-weight:900;text-transform:uppercase}.feature-map-art span:nth-child(1){left:38%;top:-5%}.feature-map-art span:nth-child(2){right:-4%;top:43%;background:var(--purple)}.feature-map-art span:nth-child(3){left:29%;bottom:-5%;background:var(--green)}.feature-map-art i{position:absolute;left:50%;top:50%;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(40,199,250,.18),0 0 28px rgba(40,199,250,.7);transform:translate(-50%,-50%);animation:lab-pulse 3.5s ease-in-out infinite}@media(max-width:900px){.feature-catalogue-hero{grid-template-columns:1fr}.feature-map-art{min-height:220px}}@media(prefers-reduced-motion:reduce){.feature-map-art i{animation:none!important}}

/* Many viewpoints -- 3D animated orbit graphic */
.viewpoints-orbit { position: relative; min-height: 280px; perspective: 900px; cursor: grab; }
.viewpoints-orbit:active { cursor: grabbing; }
.vp-ring { position: absolute; inset: 8%; border-radius: 50%; border: 1px solid rgba(17,19,24,.16); transform-style: preserve-3d; transform: perspective(900px) rotateX(var(--vp-rx, 62deg)) rotateY(var(--vp-ry, 0deg)) rotateZ(0deg); }
.vp-ring-a { animation: vpSpinA 22s linear infinite; border-color: rgba(10,132,255,.35); }
.vp-ring-b { inset: 18%; animation: vpSpinB 16s linear infinite reverse; border-color: rgba(255,45,85,.3); }
.vp-ring-c { inset: 30%; animation: vpSpinC 28s linear infinite; border-color: rgba(17,19,24,.22); border-style: dashed; }
@keyframes vpSpinA { from { transform: perspective(900px) rotateX(var(--vp-rx, 62deg)) rotateY(var(--vp-ry, 0deg)) rotateZ(0deg); } to { transform: perspective(900px) rotateX(var(--vp-rx, 62deg)) rotateY(var(--vp-ry, 0deg)) rotateZ(360deg); } }
@keyframes vpSpinB { from { transform: perspective(900px) rotateX(calc(var(--vp-rx, 62deg) * -.7)) rotateY(var(--vp-ry, 0deg)) rotateZ(0deg); } to { transform: perspective(900px) rotateX(calc(var(--vp-rx, 62deg) * -.7)) rotateY(var(--vp-ry, 0deg)) rotateZ(-360deg); } }
@keyframes vpSpinC { from { transform: perspective(900px) rotateX(calc(var(--vp-rx, 62deg) * .5)) rotateY(calc(var(--vp-ry, 0deg) + 40deg)) rotateZ(0deg); } to { transform: perspective(900px) rotateX(calc(var(--vp-rx, 62deg) * .5)) rotateY(calc(var(--vp-ry, 0deg) + 40deg)) rotateZ(360deg); } }
.vp-lines { position: absolute; inset: 8%; width: 84%; height: 84%; overflow: visible; opacity: .55; }
.vp-line { fill: none; stroke: var(--blue); stroke-width: 1.4; stroke-dasharray: 6 10; animation: vpFlow 5s linear infinite; }
.vp-line-2 { stroke: #ff2d55; stroke-dasharray: 4 12; animation-duration: 7s; animation-direction: reverse; }
.vp-line-3 { stroke: #111318; stroke-dasharray: 2 8; animation-duration: 3.5s; opacity: .5; }
@keyframes vpFlow { to { stroke-dashoffset: -160; } }
.vp-node { position: absolute; z-index: 3; display: grid; place-items: center; padding: 10px 14px; border-radius: 999px; color: #fff; font-size: .7rem; font-weight: 900; letter-spacing: .04em; box-shadow: 0 12px 26px rgba(17,19,24,.18); animation: vpFloat 4.5s ease-in-out infinite; }
.vp-node-1 { left: 50%; top: 2%; background: var(--blue); animation-delay: 0s; transform: translateX(-50%); }
.vp-node-2 { right: -2%; top: 46%; background: #ff2d55; animation-delay: .6s; }
.vp-node-3 { left: 50%; bottom: 0%; background: #111318; animation-delay: 1.2s; transform: translateX(-50%); }
.vp-node-4 { left: -2%; top: 46%; background: #fff; color: #111318; border: 1px solid rgba(17,19,24,.2); animation-delay: 1.8s; }
@keyframes vpFloat { 0%, 100% { transform: translateY(0) translateX(var(--vp-node-x, 0)); } 50% { transform: translateY(-7px) translateX(var(--vp-node-x, 0)); } }
.vp-node-1, .vp-node-3 { --vp-node-x: -50%; }
.vp-core { position: absolute; left: 50%; top: 50%; z-index: 2; width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle, #fff, var(--blue) 70%); box-shadow: 0 0 0 10px rgba(10,132,255,.14), 0 0 34px rgba(10,132,255,.5); transform: translate(-50%, -50%); }
.vp-core i { position: absolute; inset: 0; border-radius: 50%; animation: vpPulse 2.6s ease-out infinite; box-shadow: 0 0 0 0 rgba(255,45,85,.5); }
@keyframes vpPulse { 0% { box-shadow: 0 0 0 0 rgba(255,45,85,.45); } 100% { box-shadow: 0 0 0 26px rgba(255,45,85,0); } }
@media (max-width: 650px) { .viewpoints-orbit { min-height: 220px; } .vp-node { font-size: .62rem; padding: 8px 11px; } }
@media (prefers-reduced-motion: reduce) { .vp-ring, .vp-line, .vp-node, .vp-core i { animation: none !important; } }

/* Kamerad hero restructure: image full-width on top, plain title below, image liquify */
.lab-hero.lab-hero-stacked { display: block; min-height: 0; }
.lab-hero-art-liquify { width: 100%; min-height: 0; margin-bottom: 26px; }
.lab-hero-art-liquify::before { display: none; }
.lab-hero-img { width: 100%; height: auto; display: block; filter: url(#lab-liquify); transition: filter .4s ease; }
.lab-hero-copy-under { max-width: 62ch; }
.lab-hero-copy-under h1 { max-width: 16ch; font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.04em; }
@media (prefers-reduced-motion: reduce) { .lab-hero-img { filter: none; } }

/* Four ways in -- bigger, auto-spinning, progressively-3D path icons, unified palette */
.lab-path-grid a { perspective: 400px; }
.path-icon { position: relative; width: 72px; height: 72px; border-radius: 22px; font-size: 2rem; background: var(--blue); transform-style: preserve-3d; animation: pathIconSpin 7s ease-in-out infinite; }
.path-icon::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: inherit; filter: brightness(.62); transform: translateZ(-16px) scale(.9); z-index: -1; }
.path-icon::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 18px 30px rgba(15,23,42,.22); z-index: -1; }
@keyframes pathIconSpin {
  0%, 100% { transform: rotateY(0deg) rotateX(0deg) translateZ(0px); }
  35% { transform: rotateY(180deg) rotateX(6deg) translateZ(14px); }
  65% { transform: rotateY(240deg) rotateX(-6deg) translateZ(18px); }
}
.lab-path-grid a:nth-child(1) .path-icon { background: var(--blue); animation-delay: 0s; }
.lab-path-grid a:nth-child(2) .path-icon { background: #ff2d55; animation-delay: .5s; }
.lab-path-grid a:nth-child(3) .path-icon { background: #111318; animation-delay: 1s; }
.lab-path-grid a:nth-child(4) .path-icon { background: #fff; color: #111318; border: 1px solid rgba(17,19,24,.16); animation-delay: 1.5s; }
@media (max-width: 650px) { .path-icon { width: 56px; height: 56px; font-size: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .path-icon { animation: none !important; } }

/* Hero image: static by default, liquify smudge only on hover */
.lab-hero-img { filter: none; transition: filter .35s ease; }
.lab-hero-art-liquify:hover .lab-hero-img,
.lab-hero-art-liquify:focus-within .lab-hero-img { filter: url(#lab-liquify); }

/* Hero title: eyebrow + heading merged onto one line under the image */
.lab-hero-title-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; max-width: none; }
.lab-hero-title-line .eyebrow-inline { color: var(--blue); font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
@media (max-width: 650px) { .lab-hero-title-line { flex-direction: column; align-items: flex-start; gap: 4px; } }

/* Hero image: real GPU fluid sim (Stable Fluids / wet-brush smudge), canvas-driven */
.lab-hero-art-liquify { position: relative; }
.lab-hero-img-base { display: block; width: 100%; height: auto; border-radius: 26px; position: relative; z-index: 1; }
.lab-hero-fluid-canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border-radius: 26px; display: block; }


/* Animated PNG feature glyphs (replaces static inline SVG icons) */
.feature-glyph-img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: inherit; }
.roadmap-card { position: relative; }
.roadmap-card-art { position: absolute; top: 14px; right: 14px; }
.roadmap-card-art .feature-glyph { width: 46px; height: 46px; box-shadow: 0 8px 18px rgba(8,126,164,.14); }
.roadmap-card h2 { max-width: 80%; }

/* Roadmap page: fluid header art + community wish/reply showcase */
.roadmap-hero { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.roadmap-hero-copy { flex: 1 1 320px; }
.roadmap-hero-art { position: relative; flex: 1 1 300px; max-width: 420px; border-radius: 22px; overflow: hidden; box-shadow: 0 20px 50px rgba(15,23,42,.14); }
@media (max-width: 900px) { .roadmap-hero { flex-direction: column; align-items: stretch; } .roadmap-hero-art { max-width: 100%; } }

.community-spotlight { max-width: none; }
.spotlight-heading { max-width: 640px; margin-bottom: 22px; }
.spotlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.wish-card { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(15,23,42,.06); opacity: 0; animation: wishIn .6s ease forwards; }
.wish-stars { color: #f0a93a; font-size: 1.05rem; letter-spacing: 2px; margin-bottom: 10px; }
.wish-quote { color: var(--ink); font-style: italic; min-height: 70px; }
.wish-reply { margin-top: 16px; padding: 14px; border-radius: 14px; background: #eaf8ff; }
.wish-reply-badge { display: inline-block; margin-bottom: 6px; padding: 4px 9px; border-radius: 999px; background: var(--blue); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.wish-reply p { margin: 0; color: #1b3550; font-size: .88rem; }
@keyframes wishIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) { .spotlight-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .roadmap-card-art .feature-glyph { width: 38px; height: 38px; } }
@media (prefers-reduced-motion: reduce) { .wish-card { animation: none; opacity: 1; } }


/* Discussions hero: fluid image (replaces the decorative circle) */
.discussion-hero-art-fluid { position: relative; min-height: 220px; border-radius: 22px; overflow: hidden; box-shadow: 0 20px 50px rgba(15,23,42,.14); }
.discussion-hero-art-fluid .lab-hero-img-base { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; }

/* Wish-card variant used for suggestion/discussion spotlights (meta row + title instead of stars) */
.wish-meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.wish-count { color: var(--muted); font-size: .74rem; font-weight: 800; white-space: nowrap; }
.wish-title { margin: 0 0 10px; font-size: 1.1rem; line-height: 1.3; }
@media (max-width: 600px) { .discussion-hero-art-fluid { min-height: 160px; } }


/* Discussion hero: animated camera icon (7-frame style cycle) instead of a wide photo crop */
.discussion-hero-art-camera { aspect-ratio: 1 / 1; max-width: 380px; min-height: 0; margin: 0 auto; }
@media (max-width: 900px) { .discussion-hero-art-camera { max-width: 280px; } }

/* Features now carry the former icon-lab artwork directly. */
.feature-card-art{min-height:190px;padding:20px 24px;background:radial-gradient(circle at 28% 48%,rgba(255,255,255,.96),transparent 32%),linear-gradient(135deg,rgba(222,246,255,.94),rgba(244,232,255,.84))}
.feature-card-art .feature-glyph{width:142px;height:142px;border-radius:36px;background:rgba(255,255,255,.34);box-shadow:0 22px 42px rgba(8,126,164,.18)}
.feature-card-art .feature-glyph-img{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease}
.feature-card:hover .feature-glyph-img{filter:saturate(1.08) drop-shadow(0 16px 18px rgba(22,32,48,.14))}
.feature-card-art::after{content:"hover · tap to animate";position:absolute;right:18px;bottom:13px;color:rgba(17,19,24,.48);font-size:.58rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.feature-glyph.icon-sequence:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* Direct, account-free guestbook. */
.guestbook-hero{max-width:none;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(228,248,255,.78) 58%,rgba(255,232,244,.66))}
.guestbook-hero h1{max-width:11ch}
.guestbook-identity{display:inline-block;margin:8px 0 0;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);font-size:.82rem}
.guestbook-compose-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;align-items:start}
.guestbook-composer{padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.07)}
.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.composer-heading h2{margin-bottom:4px;font-size:clamp(1.8rem,4vw,3rem)}
.composer-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#eaf8ff,#f7eefe);font-size:2.35rem;box-shadow:0 14px 26px rgba(8,126,164,.13)}
.optional{color:var(--muted);font-size:.72rem;font-weight:650}
.emoji-picker{margin:0}
.emoji-picker legend{margin-bottom:8px}
.emoji-picker>div{display:flex;flex-wrap:wrap;gap:7px}
.emoji-picker button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:1.35rem}
.emoji-picker button:hover,.emoji-picker button:focus-visible,.emoji-picker button.is-selected{border-color:rgba(8,126,164,.5);background:#eaf8ff;outline:0;transform:translateY(-2px)}
.file-pick input[type=file]{padding:9px;background:#f7fafc}
.file-pick>[data-file-name]{color:var(--muted);font-size:.75rem;font-weight:650}
.guestbook-starters{display:grid;gap:9px;position:sticky;top:150px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#111318,#273243);color:#fff}
.guestbook-starters h2{margin-bottom:12px;font-size:2.2rem}
.guestbook-starters .eyebrow{color:#72d9fb}
.guestbook-starters button{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:15px;color:#fff;background:rgba(255,255,255,.07);text-align:left;font-size:.84rem;line-height:1.45}
.guestbook-starters button:hover,.guestbook-starters button:focus-visible{background:rgba(255,255,255,.16);outline:2px solid #72d9fb;outline-offset:1px}
.guestbook-starters button span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#111318;background:#72d9fb;font-size:.64rem;font-weight:900}
.guestbook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:16px}
.guestbook-toolbar>div{display:flex;align-items:baseline;gap:8px}
.guestbook-toolbar>div strong{font-size:1.7rem}
.guestbook-toolbar>div span{color:var(--muted);font-size:.8rem}
.guestbook-toolbar nav{display:flex;gap:5px}
.guestbook-toolbar nav a{padding:9px 13px;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:850}
.guestbook-toolbar nav a:hover,.guestbook-toolbar nav a.active{color:var(--blue);background:#eaf8ff}
.guestbook-list{display:grid;gap:10px;max-height:1100px;overflow-y:auto;padding:14px;scrollbar-color:rgba(8,126,164,.35) transparent}
.guestbook-entry{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.guestbook-votes{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:4px;border-right:1px solid var(--line)}
.guestbook-votes form{display:block}
.guestbook-votes .vote-button{min-width:50px;justify-content:center;padding-inline:7px}
.guestbook-score{color:#354050;font-size:.76rem}
.guestbook-entry-main{min-width:0}
.guestbook-entry-main header{display:flex;align-items:center;flex-wrap:wrap;gap:7px 11px;margin-bottom:12px}
.guestbook-user{font-weight:900}
.guestbook-entry-main time{color:var(--muted);font-size:.73rem}
.guestbook-emoji{float:right;display:grid;place-items:center;width:74px;height:74px;margin:0 0 10px 18px;border-radius:22px;background:linear-gradient(145deg,#eaf8ff,#fff0f5);font-size:2.65rem;animation:icon-float 4s ease-in-out infinite}
.guestbook-body{max-width:75ch;margin-bottom:13px;color:#354050;font-size:1.01rem;white-space:normal}
.guestbook-media{display:block;width:min(100%,560px);margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#eef3f7}
.guestbook-media img{display:block;width:100%;max-height:520px;object-fit:contain}
.guestbook-entry .form-status{margin:6px 0 0}

@media(max-width:900px){.feature-grid-lab{grid-template-columns:repeat(2,1fr)}.guestbook-compose-grid{grid-template-columns:1fr}.guestbook-starters{position:static}.guestbook-starters{grid-template-columns:repeat(3,1fr)}.guestbook-starters .eyebrow,.guestbook-starters h2{grid-column:1/-1}}
@media(max-width:600px){.feature-grid-lab{grid-template-columns:1fr}.feature-card-art{min-height:170px}.feature-card-art .feature-glyph{width:126px;height:126px}.guestbook-compose-grid{padding:12px}.guestbook-starters{grid-template-columns:1fr}.guestbook-starters .eyebrow,.guestbook-starters h2{grid-column:auto}.guestbook-toolbar{align-items:flex-start;flex-direction:column}.guestbook-toolbar nav{width:100%}.guestbook-toolbar nav a{flex:1;text-align:center}.guestbook-list{max-height:900px;padding:8px}.guestbook-entry{grid-template-columns:1fr;gap:8px;padding:14px}.guestbook-votes{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.guestbook-score{order:2}.guestbook-votes form:first-child{order:1}.guestbook-votes form:last-child{order:3}.guestbook-emoji{width:58px;height:58px;font-size:2rem}}
@media(prefers-reduced-motion:reduce){.guestbook-emoji{animation:none}.emoji-picker button{transform:none!important}}

/* Lightweight presentation when Lab is embedded inside Kamera A, B or C. */
body.kamerad-embed{min-width:0;background:transparent}
.kamerad-embed::before,.kamerad-embed::after{display:none}
.kamerad-embed .site-shell{width:100%;max-width:none;padding:12px}
.kamerad-embed main{display:block;min-width:0}
.kamerad-embed .page-hero,.kamerad-embed .section{margin:12px 0;padding:clamp(22px,4vw,44px);box-shadow:0 12px 34px rgba(15,23,42,.07);backdrop-filter:none}
.kamerad-embed .page-hero:first-child{margin-top:0}
.kamerad-embed .feature-catalogue-hero h1,.kamerad-embed .guestbook-hero h1{font-size:clamp(2.7rem,8vw,5.7rem)}
.kamerad-embed .lab-ready .page-hero,.kamerad-embed .lab-ready .section{animation:none}
@media(max-width:600px){.kamerad-embed .site-shell{padding:6px}.kamerad-embed .page-hero,.kamerad-embed .section{margin:7px 0;padding:22px 18px;border-radius:18px}}