:root{--ink:#0B2D4A;--muted:#5c7287;--blue:#0A9AF5;--teal:#008469;--accent:#00B894;--pale:#E5EEF5;--line:#d9e4ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fbfcfd;font-family:Inter,'Open Sans',system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0A9AF5;outline-offset:5px}button{cursor:pointer}header{max-width:1440px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}header img{display:block}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--teal)}.wrap{max-width:1280px;width:90%;margin:auto}.button{border:0;background:var(--teal);color:white;border-radius:8px;padding:15px 22px;display:inline-flex;gap:24px;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;transition:background .2s}.button:hover{background:#066c69}.button span{font-size:19px}.button.small{padding:10px 18px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;min-height:690px;padding-top:50px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:var(--teal);margin:0 0 22px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px}h1{font-size:clamp(50px,5.6vw,78px);letter-spacing:-3.7px;line-height:1.08;font-weight:700;margin:0 0 28px}em{font-style:normal;color:var(--teal)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:470px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.text-link{font-size:13px;font-weight:650}.hero-note{display:flex;gap:25px;font-size:11px;color:var(--muted);margin-top:45px}.hero-note span+span{border-left:1px solid var(--line);padding-left:25px}.hero-note b{display:block;color:var(--ink);font-size:16px}.stage{position:relative;padding:55px 10px 0}.stage:before{content:'';position:absolute;inset:0 -20px 35px;background:radial-gradient(ellipse at center,#E5EEF5,#E5EEF5 60%,transparent 72%);z-index:-1}.stage-label{text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:25px}.monitor{border:8px solid #1e2831;border-bottom-width:0;border-radius:12px;box-shadow:0 24px 40px #18394a26;overflow:hidden;background:#1e2831}.screen{background:#E5EEF5;font-size:10px}.screen-top{display:flex;justify-content:space-between;padding:12px;background:#fff;font-size:8px;align-items:center}.screen-top strong{color:var(--teal);font-size:11px}.screen-top b{margin-left:10px}.screen-main{display:grid;grid-template-columns:1.8fr 1fr;gap:9px;padding:10px}.news{background:white;border-radius:5px;overflow:hidden}.abstract-art{height:137px;background:#D4EAF9;position:relative;overflow:hidden}.sun{position:absolute;background:#00B894;width:60px;height:60px;right:25px;top:18px;border-radius:50%}.hill{position:absolute;bottom:-55px;border-radius:50%}.hill.one{width:250px;height:130px;background:#00B894;left:-60px;transform:rotate(-20deg)}.hill.two{width:230px;height:120px;background:#0A9AF5;right:-70px;transform:rotate(20deg)}.art-type{position:absolute;left:17px;top:12px;font-weight:850;color:white;font-size:27px;line-height:1.05;letter-spacing:-1px}.news-copy{padding:13px}.news-copy small{font-size:7px;color:var(--teal);letter-spacing:1px}.news-copy h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:7px 0}.news-copy p{font-size:9px;margin:0;color:var(--muted)}aside{display:flex;flex-direction:column;gap:9px}.weather{display:flex;gap:10px;align-items:center;background:#E5EEF5;padding:12px;border-radius:5px}.weather>span{font-size:30px;color:#0A9AF5}.weather strong{font-size:25px;display:block;line-height:1.1}.weather small{font-size:8px;display:block}.lunch{padding:14px;background:white;border-radius:5px;flex:1}.lunch small{font-size:7px;color:var(--teal);letter-spacing:.8px}.lunch h4{font-size:17px;line-height:1.2;margin:8px 0}.lunch p{font-size:8px;color:var(--muted);margin:0}.calendar{display:flex;align-items:center;gap:8px;padding:9px;background:#fff;border-radius:5px;font-size:8px}.calendar b{font-size:10px;color:var(--teal);white-space:nowrap}.ticker{display:flex;gap:12px;padding:8px;background:#E5EEF5;font-size:7px}.ticker b{white-space:nowrap;color:var(--teal)}.bezel{text-align:center;color:#ddd;font-size:7px;letter-spacing:1px;padding:3px}.monitor-foot{height:20px;width:100px;margin:auto;background:linear-gradient(90deg,#69747b,#34454e,#6d777c);clip-path:polygon(20% 0,80% 0,85% 80%,100% 90%,100% 100%,0 100%,0 90%,15% 80%)}.demo-controls{display:flex;justify-content:center;gap:5px;margin-top:24px}.demo-controls button,.app-tabs button{border:1px solid transparent;background:transparent;border-radius:30px;padding:8px 15px;font-size:12px;color:var(--muted)}.demo-controls button.active,.app-tabs button.active{background:white;color:var(--teal);border-color:var(--line);box-shadow:0 3px 7px #142c4606}.demo-disclaimer{text-align:center;font-size:9px;color:var(--muted);margin:8px}.promise{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;font-size:13px;color:var(--muted)}.promise span{line-height:1.4;font-size:14px}.promise b{color:var(--ink)}.promise p:before{content:'✓';color:var(--teal);margin-right:10px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}h2{font-size:clamp(32px,3.5vw,47px);line-height:1.16;letter-spacing:-1.7px;margin:0;font-weight:650}.section-heading>p{max-width:350px;font-size:15px;color:var(--muted);margin:0 0 5px}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.places article{border-top:1px solid var(--line);padding:22px 0 0;position:relative}.place-number{font-size:11px;color:var(--muted);position:absolute;right:0}.place-symbol{font-size:33px;line-height:1.8;color:var(--teal)}h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:12px 0}.places p{font-size:14px;color:var(--muted);max-width:315px}.places article>span:last-child{font-size:9px;letter-spacing:1px;font-weight:650;color:var(--teal)}.apps-section{background:var(--pale)}.app-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{background:#fff;border:1px solid #dce6ed;border-radius:13px;padding:23px;min-height:180px}.app-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#E5EEF5;color:var(--teal);border-radius:10px;font-size:23px}.app-card h3{font-size:17px;margin-top:18px}.app-card p{font-size:12px;color:var(--muted);margin:0}.fine{font-size:11px;color:var(--muted);margin-top:20px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.creative{min-height:405px;background:#E5EEF5;border-radius:18px;position:relative;overflow:hidden;padding:25px}.creative-label,.creative-bottom{position:absolute;font-size:9px;letter-spacing:1.5px;color:var(--teal);z-index:2}.creative-bottom{bottom:25px}.paper{position:absolute;box-shadow:0 8px 30px #164c3c15}.p1{background:#FFFFFF;left:35px;top:75px;width:240px;height:250px;transform:rotate(-9deg);padding:24px;font-size:32px;line-height:1.1;color:var(--teal)}.p1 b{font-size:49px}.p1 small{display:block;font-size:8px;line-height:1.5;margin-top:50px}.p2{background:var(--teal);color:white;right:25px;top:120px;width:185px;height:220px;transform:rotate(10deg);padding:20px;font-size:20px;font-weight:650;line-height:1.2}.p2 span{font-size:100px;display:block;line-height:1.2}.checks{padding:0;list-style:none;font-size:14px;line-height:2.4}.checks li:before{content:'✓';color:var(--teal);margin-right:13px}.tech-section{background:#F4F8FB}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hardware-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.hardware-visual{height:260px;background:#E5EEF5;display:flex;align-items:center;justify-content:center;position:relative}.mini-display{width:70%;background:#25343d;border:7px solid #25343d;border-radius:6px;transform:perspective(700px) rotateY(-7deg);box-shadow:8px 15px 24px #142c4620}.mini-ui{background:#E5EEF5;padding:18px;color:var(--ink);font-size:13px}.mini-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.mini-tiles span{padding:14px 7px;background:white;border-radius:4px;font-size:9px}.mini-display>small{display:block;color:white;text-align:center;font-size:6px;padding-top:3px}.touch-mark{position:absolute;bottom:35px;right:65px;font-size:50px;color:var(--teal);transform:rotate(-25deg)}.portrait-visual{background:#E5EEF5;gap:35px}.portrait-display{background:#0B2D4A;color:white;border:7px solid #25343d;border-radius:6px;width:140px;height:225px;padding:15px 10px;box-shadow:8px 15px 24px #142c4620}.portrait-display strong{font-size:24px;line-height:1;display:block;margin-bottom:25px}.portrait-display div{font-size:6px;padding:8px 0;border-top:1px solid #ffffff50}.portrait-display small{font-size:6px;display:block;text-align:center;margin-top:12px}.orientation{font-size:9px;letter-spacing:1px;line-height:2.5;color:var(--muted)}.hardware-copy{padding:28px 32px}.hardware-copy .eyebrow{font-size:9px;margin-bottom:10px}.hardware-copy h3{font-size:27px}.hardware-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.specs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.specs span{font-size:10px;background:#E5EEF5;border-radius:4px;padding:5px 8px}.hardware-copy a{font-size:12px;color:var(--teal);font-weight:650}.flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:15px}.flow article{padding:25px;background:#F4F8FB;border-radius:12px}.flow article>span{font-size:30px;color:#0A9AF5;font-weight:650}.flow h3{font-size:20px}.flow p{font-size:13px;color:var(--muted)}.flow b{font-size:8px;letter-spacing:.8px;color:var(--teal)}.flow-arrow{align-self:center;color:var(--teal);font-size:28px}.signage-note{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 0;border-bottom:1px solid var(--line);font-size:13px}.signage-note strong{display:block}.signage-note a{font-size:12px;white-space:nowrap;color:var(--teal)}.start-section{background:#0B2D4A;color:white}.start-section .eyebrow{color:#00B894}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps>div{border-top:1px solid #ffffff30;padding-top:20px}.steps b{font-size:17px}.steps p{font-size:14px;color:#adbfce}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:50px;background:#E5EEF5;border-radius:20px}.contact p{font-size:14px;color:var(--muted);max-width:340px}.contact .eyebrow{font-size:10px;color:var(--teal)}label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}select,textarea{display:block;width:100%;padding:12px;border:1px solid #bed0db;border-radius:7px;background:white;color:var(--ink);font-size:13px;margin-bottom:17px}textarea{resize:vertical}.contact .fine{font-size:10px}#brief-result{border-top:1px solid #bed0db;padding-top:20px;margin-top:20px}#copy-brief{border:1px solid var(--teal);color:var(--teal);background:white;border-radius:6px;padding:8px 12px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer small{font-size:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1050px){nav{gap:18px}.hero{gap:20px}h1{font-size:60px}.hero .lead{font-size:16px}.stage{padding-left:0;padding-right:0}.screen-top span{font-size:6px}.news-copy h3{font-size:17px}.abstract-art{height:115px}.lunch h4{font-size:14px}.art-type{font-size:23px}.weather{padding:8px}.screen-main{padding:7px;gap:6px}.screen aside{gap:6px}.app-grid{grid-template-columns:repeat(3,1fr)}.editorial{gap:45px}.contact{gap:40px;padding:35px}}@media(max-width:760px){header{height:82px;padding:0 5%;gap:15px}header img{width:130px}nav{display:none}.button.small{font-size:11px;padding:9px 12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:0}.hero-copy{max-width:550px}h1{font-size:58px}.hero-note{margin-top:25px}.stage{max-width:570px;width:100%;margin:auto;padding-top:40px}.stage:before{inset:10px -5px 30px}.screen-top span{font-size:7px}.news-copy h3{font-size:20px}.abstract-art{height:125px}.promise{flex-wrap:wrap;gap:10px;font-size:11px;padding:20px 0}.promise>span{width:100%;margin-bottom:10px}.promise p{margin:0;width:47%}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:500px;margin-top:23px}.places{grid-template-columns:1fr;gap:28px}.places p{max-width:500px}.app-grid{grid-template-columns:1fr 1fr;gap:10px}.app-card{padding:18px;min-height:190px}.app-tabs{gap:0}.app-tabs button{font-size:11px;padding:8px 10px}.editorial{grid-template-columns:1fr;gap:35px}.creative{min-height:370px}.hardware-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}.signage-note{display:block}.signage-note a{display:inline-block;margin-top:10px}.steps{grid-template-columns:1fr;gap:20px}.contact{grid-template-columns:1fr;gap:30px;padding:25px}.contact h2{font-size:37px}footer{flex-wrap:wrap}footer span{font-size:10px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:380px){h1{font-size:49px}.screen-top span{font-size:5px}.weather strong{font-size:20px}.lunch{padding:9px}.lunch h4{font-size:12px}.news-copy h3{font-size:17px}.ticker{font-size:5px}.app-grid{grid-template-columns:1fr}.p2{right:10px;width:150px}.p1{left:20px;width:205px}.calendar{font-size:6px}.calendar b{font-size:8px}}

/* Grafický manuál Eduvize, schválená identita 1.0. */
:root{--ink:#0B2D4A;--blue:#0A9AF5;--teal:#00B894;--accent:#00B894;--pale:#E5EEF5}
body{font-family:Manrope,'Avenir Next',system-ui,-apple-system,Arial,sans-serif}
header{height:112px}.header-brand{display:block;padding:16px}.header-brand img{width:240px;height:auto}
h1{font-size:clamp(42px,4.5vw,64px);letter-spacing:-2.5px;line-height:1.15}
em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:4px;text-underline-offset:10px}
.eyebrow,.place-symbol,.places article>span:last-child,.hardware-copy a,.signage-note a,.flow b{color:var(--ink)}
.button{background:var(--ink)}.button:hover{background:#164366}.stage:before{background:var(--pale);border-radius:50%}
.monitor,.paper,.mini-display,.portrait-display,.demo-controls button.active,.app-tabs button.active{box-shadow:none}
.monitor-foot{background:var(--ink)}.mini-display{transform:none}
.app-icon{color:var(--ink)}.demo-controls button.active,.app-tabs button.active{color:var(--ink);border-color:var(--teal)}
.start-section{background:var(--ink)}.start-section .eyebrow{color:var(--teal)}
.p2{background:var(--ink)}.p1{color:var(--ink)}.creative-label,.creative-bottom{color:var(--ink)}
.hardware-copy .eyebrow{color:var(--ink)}.portrait-display{background:var(--ink)}
#copy-brief{color:var(--ink)}.contact .eyebrow{color:var(--ink)}
@media(max-width:1050px){header{gap:15px}nav{gap:16px}header .button{gap:10px}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{height:96px}.header-brand{padding:12px}.header-brand img{width:140px;height:auto}.hero{grid-template-columns:1fr}h1{font-size:clamp(35px,7.5vw,53px);letter-spacing:-1.7px}em{text-underline-offset:7px;text-decoration-thickness:3px}.contact h2{font-size:35px}}

/* v0.3 — canonical Eduvize artwork and component proportions; layout preserved. */
:root{--ev-primary:#0B2D4A;--ev-primary-text:#fff;--ev-secondary:#E5EEF5;--ev-secondary-text:#0B2D4A;--ev-accent:#00B894;--ev-border:#dce6ed;--ev-icon-radius:10px;--ev-card-radius:20px;--ev-control-radius:10px}
.ui-icon{display:block;width:24px;height:24px;flex:none}
.app-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;aspect-ratio:1;border:0;border-radius:10px;background:var(--ev-primary);color:#fff}
.app-icon>svg{display:block;width:60%;height:60%;margin:auto;flex:none}
.place-symbol{display:grid;place-items:center;width:52px;height:52px;margin:12px 0 20px;border-radius:10px;background:var(--ev-secondary);color:var(--ev-primary)}
.place-symbol .ui-icon{width:31px;height:31px}
.app-card{border-radius:20px;border-color:var(--ev-border);border-top:3px solid var(--blue)}
.button{min-height:40px;border-radius:10px;background:var(--ev-primary);font-weight:700}
.button:hover{background:#164366;box-shadow:inset 0 -3px 0 var(--accent)}
.button.small{min-height:40px}.button .ui-icon{width:20px;height:20px}
.arrow-external{transform:rotate(-45deg)}.arrow-down{transform:rotate(90deg)}
.demo-controls button,.app-tabs button{min-height:36px;border:1px solid var(--ev-border);border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:400;line-height:1.4}
.demo-controls button:hover,.app-tabs button:hover{border-color:var(--accent)}
.demo-controls button.active,.app-tabs button.active{background:var(--ev-primary);color:#fff;border-color:var(--ev-primary);box-shadow:none}
.app-tabs{gap:8px}.demo-controls{gap:8px}
select,textarea,#copy-brief{border-radius:10px;min-height:40px;border-color:#bed8e3}
select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hardware-grid article,.contact{border-radius:20px}.flow article{border-radius:20px;border:1px solid var(--ev-border);background:#fff;border-top:3px solid var(--accent)}
.hero .dot{background:var(--blue)}.stage:before{background:var(--pale)}
.news-copy small,.lunch small{display:flex;align-items:center;gap:5px;color:var(--ink)}
.news-copy small .ui-icon,.lunch small .ui-icon{width:12px;height:12px}
.screen-top strong,.ticker b,.calendar b{color:var(--ink)}
.weather>span{display:grid;place-items:center;width:36px;height:36px;background:#fff;color:var(--ink);border-radius:8px}
.weather .ui-icon{width:24px;height:24px}.screen-main .news,.lunch,.calendar,.weather{border-radius:10px}
.mini-tiles>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:var(--ink);color:#fff}
.mini-tiles>span .ui-icon{width:22px;height:22px}.mini-tiles>span>span{background:none;color:inherit;padding:0;border-radius:0}
.touch-mark{display:grid;place-items:center;width:55px;height:55px;border:2px solid var(--accent);border-radius:10px;background:white;color:var(--ink);transform:none;bottom:25px}
.touch-mark .ui-icon{width:32px;height:32px}
.creative{background:var(--pale)}.p1{border-top:7px solid var(--blue)}.p2{border-top:7px solid var(--accent)}
.steps>div{border-top-color:var(--accent)}.start-section .eyebrow{color:var(--accent)}
@media(max-width:760px){.app-tabs{gap:8px}.app-tabs button{padding:8px 10px}.app-icon{width:40px;height:40px}.place-symbol{width:48px;height:48px}}

/* v0.4 — demonstration school, photographic concepts and product explanations. */
.school-story{padding:25px 0 65px}.school-caption{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin-bottom:32px}.school-caption .eyebrow{grid-column:1/-1}.school-caption p{color:var(--muted);font-size:15px;margin-bottom:0}.school-scenes{display:grid;grid-template-columns:1fr 1fr;gap:25px}.school-scenes article{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}figure{margin:0}.school-scenes img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.school-scenes figcaption{font-size:9px;line-height:1.5;background:var(--pale);color:var(--ink);padding:10px 18px}.scene-copy{padding:28px}.scene-copy .eyebrow{font-size:9px;margin-bottom:12px}.scene-copy h3{font-size:26px}.scene-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}
.broadcast-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;margin-top:48px}.broadcast-example>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.broadcast-example h3{font-size:25px}.source-legend{font-size:10px;display:grid;gap:8px;margin-top:20px}.source-legend i{display:inline-block;width:8px;height:8px;background:var(--blue);margin-right:6px;border-radius:2px}.source-legend span+span i{background:var(--accent)}.broadcast-screen{border:7px solid var(--ink);border-radius:12px;background:var(--pale)}.broadcast-top{display:flex;justify-content:space-between;padding:12px;font-size:11px;font-weight:700;background:white}.broadcast-top span{font-size:7px;letter-spacing:1px;align-self:center}.broadcast-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;padding:8px}.broadcast-layout article{padding:14px;background:white;border-top:3px solid var(--blue);border-radius:8px}.broadcast-layout h4{font-size:19px;line-height:1.2;margin:10px 0}.broadcast-layout p{font-size:10px;margin:0}.broadcast-layout small{font-size:7px;letter-spacing:.6px}.broadcast-layout a{font-size:8px;color:var(--ink);text-decoration:underline}.broadcast-media{grid-column:1/-1;background:var(--ink)!important;color:#fff;border-top-color:var(--accent)!important}.broadcast-media h4{font-size:23px}.demo-kiosk{border:1px solid var(--line);border-radius:20px;background:var(--pale);padding:25px}.demo-kiosk-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.demo-kiosk-top strong{font-size:22px}.demo-kiosk-top>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.demo-kiosk-body{display:grid;grid-template-columns:1fr 1fr;gap:25px}.kiosk-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kiosk-options button{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:125px;border:2px solid transparent;border-radius:20px;background:var(--ink);color:white;font-size:14px}.kiosk-options button .edu-app-icon{width:40px;height:40px}.kiosk-options button svg{width:28px;height:28px}.kiosk-options button.selected{background:#fff;color:var(--ink);border-color:var(--accent)}#kiosk-content{padding:28px;border:1px solid var(--line);border-radius:20px;background:white}#kiosk-content .eyebrow{font-size:9px}#kiosk-content p:not(.eyebrow){font-size:14px;color:var(--muted)}#kiosk-content .text-link{font-size:12px}.kiosk-gallery-note{border-left:3px solid var(--accent);padding-left:16px}
@media(max-width:760px){.school-caption{display:block}.school-caption p{margin-top:20px}.school-scenes{grid-template-columns:1fr}.school-story{padding-top:10px}.broadcast-example{grid-template-columns:1fr}.demo-kiosk-body{grid-template-columns:1fr}.demo-kiosk-top{align-items:start;flex-direction:column;gap:5px}.demo-kiosk{padding:18px}.kiosk-options button{min-height:110px}.scene-copy{padding:22px}}

/* v0.5 — current native application frames over photorealistic wall environments. */
.assembly-frame{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#eaf2f8}.photo-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#e5eef5}.photo-scene>.scene-environment{display:block;width:100%;height:100%;object-fit:contain}.real-screen-slot{position:absolute;overflow:hidden;background:#0B2D4A}.real-screen-slot iframe{width:100%;height:100%;display:block;border:0}.photo-scene.landscape .real-screen-slot{left:22.14%;top:18.16%;width:56.38%;height:45.61%}.photo-scene.portrait .real-screen-slot{left:34.83%;top:8.79%;width:30.27%;height:73.05%}.school-scenes .photo-scene img{aspect-ratio:auto}.native-photo{height:auto;display:block}.native-photo .photo-scene{width:100%}.portrait-story{margin-top:25px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center}.portrait-story figcaption{font-size:9px;padding:10px 18px;background:var(--pale)}.portrait-story figure{margin:0}.portrait-story .scene-copy{padding:35px}.portrait-story h3{font-size:29px}.real-editorial{min-height:0;padding:0;border:1px solid var(--line)}.real-editorial>img{width:100%;height:auto;display:block}.real-editorial figcaption{font-size:10px;padding:16px 20px;color:var(--muted);background:var(--pale)}.native-interactive{padding:0;overflow:hidden;border:7px solid var(--ink);border-radius:14px}.broadcast-screen{overflow:hidden}.stage .screen{min-height:0}.stage .monitor{border-bottom-width:0}.hardware-visual .scene-environment{border-radius:0}
@media(max-width:760px){.portrait-story{grid-template-columns:1fr}.portrait-story .scene-copy{padding:25px}.broadcast-example{gap:25px}}

/* v0.6 — generic presentation, readable animated scenes and separate references. */
.monitor-foot{display:none}.stage{padding-top:35px}.rotation-controls{display:flex;justify-content:center;gap:18px;margin-top:12px}.rotation-controls button{border:0;padding:5px;background:none;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}.demo-disclaimer{font-size:9px}.schematic-figure{padding:20px 20px 0;background:var(--pale)}.schematic-figure figcaption{padding:12px 0;font-size:9px}.school-scenes edu-demo-board{border:5px solid var(--ink);border-radius:10px}.school-caption .eyebrow{font-size:10px}.editorial-schema{position:relative;padding:30px;min-height:390px;background:var(--pale)}.editorial-camera{position:absolute;right:40px;top:55px;width:120px;height:120px;background:#0B2D4A;color:#00B894;border-radius:20px;display:grid;place-items:center;transform:rotate(-8deg)}.editorial-camera svg{width:80px;height:80px}.editorial-title{position:absolute;left:30px;bottom:70px;font-size:43px;line-height:1.1;letter-spacing:-1.5px;font-weight:700}.broadcast-example{grid-template-columns:1fr;gap:25px}.broadcast-example>div:first-child{max-width:700px}.broadcast-example .source-legend{display:flex;gap:25px;flex-wrap:wrap}.presentation-wide{max-width:1050px;width:100%;margin:auto;border-width:9px}.touch-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.touch-benefits article{padding:25px;border:1px solid var(--line);border-radius:20px;background:white}.touch-benefits .edu-app-icon{--edu-icon-size:44px;background:var(--ink);color:white}.touch-benefits h3{font-size:20px}.touch-benefits p{font-size:14px;color:var(--muted)}.reference-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white;align-items:start}.reference-card>figure{height:100%;min-height:300px;background:var(--pale)}.reference-card img{display:block;width:100%;height:auto}.reference-card>figure img{height:100%;object-fit:cover;min-height:300px}.reference-copy{padding:35px}.reference-copy h3{font-size:30px;line-height:1.2}.reference-copy p{font-size:14px;color:var(--muted)}.reference-copy .eyebrow{font-size:10px;color:var(--ink)}.reference-copy .fine{font-size:10px}.reference-copy summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--ink);padding:10px 0}.reference-copy details figure{margin-top:15px}.reference-copy figcaption{font-size:10px;padding-top:8px;color:var(--muted)}.real-screen-slot edu-demo-board{height:100%;aspect-ratio:auto;border-radius:0}.real-screen-slot{display:grid;align-content:center}.real-screen-slot edu-demo-board{aspect-ratio:16/9;height:auto}.hero .monitor{border-bottom-width:0}.app-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){header nav{gap:11px;font-size:12px}.app-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.touch-benefits{grid-template-columns:1fr}.reference-card{grid-template-columns:1fr}.reference-copy{padding:25px}.reference-card>figure{min-height:0}.reference-card>figure img{min-height:0;aspect-ratio:16/9}.app-grid{grid-template-columns:1fr 1fr}.school-story{padding-top:20px}.stage{padding-bottom:15px}.demo-controls button{font-size:10px;padding:8px 10px}.editorial-schema{min-height:350px}.editorial-title{font-size:37px}}
@media(max-width:380px){.app-grid{grid-template-columns:1fr}}
/* v0.7 — school settings, five believable environments and paired tablet control. */
.location-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.location-tabs button,.palette-buttons button{min-height:40px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}.location-tabs button.selected,.palette-buttons button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.location-figure{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.location-image{position:relative;aspect-ratio:3/2}.location-image>img{display:block;width:100%;height:100%;object-fit:contain}#location-screen{position:absolute;overflow:hidden;background:#0B2D4A;display:grid;place-items:center}#location-screen>edu-demo-board{height:100%;width:100%;aspect-ratio:auto;border-radius:0}.location-figure figcaption{padding:23px 28px;display:grid;grid-template-columns:200px 1fr;gap:5px 24px}.location-figure figcaption>strong{font-size:20px;grid-row:1/3}.location-figure figcaption>span{font-size:14px;color:var(--muted)}.location-figure figcaption>small{font-size:10px;color:var(--muted)}.real-screen-slot.corrected-corridor{left:46.35%!important;top:18.46%!important;width:39.65%!important;height:31.25%!important}.real-screen-slot.corrected-corridor edu-demo-board{height:100%;aspect-ratio:auto}.school-style-section{background:var(--pale)}.school-style-layout{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:start}.style-controls{padding:24px;background:white;border:1px solid var(--line);border-radius:20px}.style-controls input:not([type=color]){width:100%;border:1px solid #bed8e3;border-radius:10px;padding:11px;font:inherit;font-size:13px;color:var(--ink);margin-bottom:20px}.style-controls fieldset{border:0;padding:0;margin:0 0 20px}.style-controls legend{font-size:12px;font-weight:650;margin-bottom:9px}.palette-buttons{display:flex;flex-wrap:wrap;gap:7px}.palette-buttons button{padding:8px 10px;font-size:11px;min-height:36px}.color-row{display:flex;gap:16px;margin-bottom:18px}.color-row>label{flex:1}.color-row input{display:block;width:100%;height:38px;padding:3px;border:1px solid var(--line);background:white;border-radius:8px;margin-top:7px;cursor:pointer}.style-reset{border:0;background:var(--pale);color:var(--ink);border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer}#school-style-preview{padding:12px;background:var(--demo-bg,#eaf2f8);border:1px solid var(--line);border-radius:20px;overflow:hidden}.style-school-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--demo-primary,#00866a);color:#fff;border-radius:10px;padding:17px 20px;margin-bottom:12px}.style-school-bar>strong{font-size:22px;overflow-wrap:anywhere}.style-school-bar>span{font-size:9px;letter-spacing:1px;white-space:nowrap}#school-style-preview edu-demo-board{border:1px solid var(--line)}
.touch-person-figure{position:relative;border-radius:20px;overflow:hidden;background:var(--pale);margin:0 0 40px}.touch-person-figure>img{display:block;width:100%;height:auto}.touch-person-ui{position:absolute;left:41.55%;top:18.06%;width:45.7%;height:37.6%;background:#eaf2f8;color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:3%;gap:15px;box-sizing:border-box}.touch-person-ui>strong{font-size:clamp(16px,2.3vw,33px);line-height:1.15}.touch-person-ui>span{font-size:clamp(9px,1.2vw,18px);line-height:1.5;color:var(--muted)}.touch-person-figure figcaption{padding:12px 20px;font-size:10px;color:var(--muted)}.paired-devices{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:40px;align-items:center}.paired-screen{border:9px solid var(--ink);border-bottom-width:0;border-radius:14px;overflow:hidden;background:var(--pale)}.paired-screen-bar{background:#00866a;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}.paired-screen-bar>strong{font-size:22px;line-height:1.2}.paired-screen-bar>span{font-size:8px;letter-spacing:1px;white-space:nowrap}[data-kiosk-output]{min-height:285px;padding:22px}.kiosk-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kiosk-live-grid button{display:flex;gap:12px;align-items:center;justify-content:center;min-height:110px;background:var(--ink);color:white;border:2px solid transparent;border-radius:14px;font:inherit;font-size:16px;cursor:pointer}.kiosk-live-grid svg{width:30px;height:30px}.paired-screen button:hover,.tablet button:hover{outline:2px solid var(--accent);outline-offset:2px}.paired-screen-nav{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;background:white}.paired-screen-nav button,.tablet-nav button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}.paired-screen-nav button:disabled,.tablet-nav button:disabled{opacity:.4;cursor:default}.paired-bezel{background:var(--ink);color:#eee;font-size:8px;text-align:center;padding:3px}.tablet{background:#fff;border:10px solid #263540;border-radius:24px;padding:18px 14px;box-shadow:0 12px 24px #142c4615}.tablet-top{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:0 0 20px;color:var(--muted)}.tablet-top span{width:5px;height:5px;background:#32465a;border-radius:50%}.tablet-label{font-size:8px;letter-spacing:1px;color:var(--muted);margin:0}.tablet [data-tablet-current]{display:block;font-size:17px;line-height:1.3;margin:5px 0 20px}.tablet-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tablet-apps button{display:flex;align-items:center;flex-direction:column;gap:7px;justify-content:center;padding:12px 6px;border:1px solid var(--line);border-radius:10px;background:var(--pale);font:inherit;font-size:10px;color:var(--ink);cursor:pointer}.tablet-apps button.selected{border-color:var(--accent);background:var(--ink);color:#fff}.tablet-apps .edu-app-icon{--edu-icon-size:28px;background:transparent!important;color:inherit!important}.tablet-nav{display:flex;justify-content:space-between;gap:6px;margin-top:20px}.tablet-nav button{font-size:11px;padding:9px 10px}.demo-feedback{font-size:13px;color:var(--teal);margin:20px 0 0}.kiosk-live-content{background:white;border-radius:14px;border:1px solid var(--line);padding:25px;min-height:240px;display:flex;flex-direction:column;justify-content:center}.kiosk-live-content h3{font-size:25px}.kiosk-live-content p{font-size:16px;color:var(--muted)}.kiosk-live-content>small{font-size:10px;color:var(--muted);margin-top:auto;padding-top:15px}.kiosk-gallery-art{padding:25px;background:#00866a;color:#fff;border-radius:10px;font-size:26px;font-weight:650}.kiosk-change{padding:12px;background:#fff1d1;color:#61420b;border-radius:10px;font-size:13px}
@media(max-width:1050px){.paired-devices{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.paired-screen-bar>span{display:none}.paired-screen-bar>strong{font-size:19px}.paired-screen{border-width:7px}.kiosk-live-grid button{font-size:13px;gap:8px}.school-style-layout{grid-template-columns:240px 1fr;gap:20px}}
@media(max-width:760px){.location-figure figcaption{grid-template-columns:1fr;padding:20px}.location-figure figcaption>strong{grid-row:auto}.location-tabs button{font-size:11px;padding:8px 12px}.school-style-layout{grid-template-columns:1fr}.style-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.style-controls>label[for=style-school-name],.style-controls>#style-school-name,.style-controls fieldset{grid-column:1/-1}.style-controls fieldset{margin-bottom:5px}.style-controls>label[for=style-font]{grid-column:2;grid-row:4}.style-controls>#style-font{grid-column:2;grid-row:5}.style-controls .color-row{grid-column:1;grid-row:4/span 2;margin:0;align-self:end}.style-controls .style-reset{grid-column:1/-1;margin-top:10px}.style-school-bar>strong{font-size:19px}.paired-devices{grid-template-columns:1fr;gap:25px}.tablet{max-width:320px;width:100%;box-sizing:border-box;justify-self:center}.paired-screen-bar>strong{font-size:18px}.kiosk-live-grid{gap:10px}.kiosk-live-grid button{font-size:12px;min-height:95px;flex-direction:column}[data-kiosk-output]{padding:14px;min-height:235px}.kiosk-live-content{min-height:205px;padding:18px}.kiosk-live-content h3{font-size:21px}.kiosk-live-content p{font-size:14px}.touch-person-ui{gap:7px}.touch-person-figure{margin-bottom:25px}.tablet-apps button{font-size:12px}.paired-screen-nav{gap:5px;padding:10px}.paired-screen-nav button{font-size:10px;padding:9px}.touch-person-figure figcaption{font-size:9px}}

.touch-person-image{position:relative;aspect-ratio:3/2}.touch-person-image>img{display:block;width:100%;height:100%;object-fit:contain}.schematic-hardware{height:280px;display:flex;align-items:center;justify-content:center;background:var(--pale);padding:25px}.hardware-wall-screen{width:85%;border:7px solid var(--ink);border-bottom-width:0;border-radius:10px;overflow:hidden;background:var(--ink)}.hardware-wall-screen>span{display:block;text-align:center;font-size:7px;color:#ddd;padding:3px}.hardware-wall-screen edu-demo-board{border-radius:0}@media(max-width:760px){.schematic-hardware{height:auto;padding:30px}.hardware-wall-screen{width:100%}}
/* v0.8 — readable content, separate playground, phone kiosk and global output styling. */
.button-outline{background:white;color:var(--ink);border:1px solid var(--ink)}.button-outline:hover{background:var(--pale);color:var(--ink)}.hero .actions .button{min-height:52px}.hero .actions{gap:12px}.place-link{display:inline-block;font-size:12px;font-weight:650;color:var(--ink);margin-top:10px;text-decoration:underline;text-underline-offset:4px}.location-playback{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-10px 0 20px;font-size:10px;color:var(--muted)}.location-playback button{border:0;background:transparent;padding:5px 0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.schematic-figure edu-kiosk-view{border:5px solid var(--ink);border-radius:10px}.schematic-figure figcaption{min-height:48px}.hardware-wall-screen edu-kiosk-view{border-radius:0}.schematic-hardware{position:relative;flex-direction:column;gap:16px;height:auto;min-height:285px}.hardware-badge{font-size:8px;letter-spacing:.8px;color:var(--ink);font-weight:650}.hardware-wall-screen edu-demo-board{min-height:0}.app-card{position:relative;outline-offset:4px}.app-hover-preview{display:none;position:absolute;z-index:20;left:50%;top:35px;transform:translateX(-50%);width:350px;max-width:calc(100vw - 45px);background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #142c4625}.app-card:hover .app-hover-preview,.app-card:focus-within .app-hover-preview,.app-card.preview-open .app-hover-preview{display:block}.app-hover-preview small{display:block;padding:9px 12px;font-size:10px;color:var(--muted)}.app-hover-preview edu-demo-board,.app-hover-preview edu-kiosk-view{border-radius:0}.app-card:nth-child(4n) .app-hover-preview{left:auto;right:0;transform:none}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.inspiration-grid article{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.inspiration-grid article>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.inspiration-grid article>div{padding:25px}.inspiration-grid h3{font-size:23px;margin:0 0 12px}.inspiration-grid p{font-size:14px;color:var(--muted)}.inspiration-note{margin-top:30px;padding:30px;border-left:4px solid var(--accent);background:var(--pale);border-radius:0 16px 16px 0}.inspiration-note>strong{font-size:24px}.inspiration-note p{font-size:15px;max-width:760px;color:var(--muted)}.orientation-comparison{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}.orientation-comparison article{text-align:center}.orientation-landscape,.orientation-portrait{border:7px solid var(--ink);border-bottom-width:0;border-radius:12px;overflow:hidden;background:var(--ink);margin:0 auto 24px}.orientation-portrait{max-width:245px;width:65%}.orientation-landscape{width:100%}.orientation-landscape>span,.orientation-portrait>span{display:block;font-size:7px;color:#eee;padding:3px;text-align:center}.orientation-comparison h3{font-size:24px}.orientation-comparison p{font-size:14px;color:var(--muted);max-width:420px;margin:0 auto}.signage-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.signage-detail article{border:1px solid var(--line);border-radius:20px;padding:25px;background:white}.signage-detail .edu-app-icon{--edu-icon-size:42px;background:var(--ink);color:#fff}.signage-detail h3{font-size:20px}.signage-detail p{font-size:14px;color:var(--muted)}.signage-day{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:35px;background:var(--pale);border-radius:20px;margin-top:30px}.signage-day h3{font-size:29px}.signage-day p{font-size:14px;color:var(--muted)}.signage-day ol{list-style:none;padding:0;margin:0}.signage-day li{display:flex;gap:20px;align-items:start;padding:15px 0;border-bottom:1px solid #cbdbe5}.signage-day time{font-size:20px;color:var(--teal);font-weight:650}.signage-day li b{font-size:16px;display:block}.signage-day li span{font-size:12px;color:var(--muted)}.playground-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--line);border-radius:20px;padding:35px;margin-top:35px}.playground-callout h3{font-size:26px}.playground-callout p{font-size:14px;color:var(--muted)}.playground-callout .button{white-space:nowrap}.kiosk-mode-switch{display:flex;gap:10px;margin:0 0 15px}.kiosk-mode-switch button{padding:10px 16px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:white;cursor:pointer}.kiosk-mode-switch button.selected{background:var(--ink);color:white}.kiosk-mode-description{font-size:14px;color:var(--muted);margin-bottom:25px}.phone{width:220px;border-radius:34px;border-width:9px;padding:23px 12px 26px;min-height:420px;position:relative;box-sizing:border-box}.phone:before{content:'';position:absolute;width:70px;height:10px;background:#263540;top:4px;left:50%;transform:translateX(-50%);border-radius:0 0 8px 8px}.phone:after{content:'';position:absolute;width:65px;height:4px;border-radius:4px;background:#263540;bottom:8px;left:50%;transform:translateX(-50%)}.phone .tablet-top{font-size:10px;padding-bottom:25px}.phone .tablet-apps button{font-size:10px;min-height:75px}.phone .tablet-nav{margin-top:30px}.phone .tablet-nav button{font-size:10px}.paired-screen{background:var(--demo-bg,#E5EEF5)}.paired-screen-bar{background:var(--demo-primary,#00866a)}.kiosk-live-grid button{background:var(--demo-primary,#0B2D4A)}.kiosk-live-content{color:var(--demo-ink,#0B2D4A)}.kiosk-gallery-art{background:var(--demo-primary,#00866a)}.tablet-apps button{background:var(--demo-bg,#E5EEF5);color:var(--demo-ink,#0B2D4A)}.tablet-apps button.selected{background:var(--demo-primary,#0B2D4A);border-color:var(--demo-accent,#00B894);color:white}.touch-person-ui{left:52%;top:10.8%;width:43.3%;height:34.5%;background:var(--demo-bg,#E5EEF5);color:var(--demo-ink,#0B2D4A)}.paired-screen [data-kiosk-output]{font-family:var(--demo-font,system-ui),sans-serif}.tablet{font-family:var(--demo-font,system-ui),sans-serif}.paired-screen[inert]{cursor:default}.playground-page h1{font-size:clamp(40px,5vw,65px)}.playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start;margin-top:40px}.playground-output{position:sticky;top:25px;border:8px solid var(--ink);border-radius:16px;background:var(--demo-bg,#E5EEF5);overflow:hidden}.playground-school{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;background:var(--demo-primary,#00866a);color:white}.playground-school strong{font-size:19px;overflow-wrap:anywhere}.playground-school span{font-size:8px;letter-spacing:1px;white-space:nowrap}.playground-status{padding:13px 18px;font-size:11px;color:var(--demo-ink,#0B2D4A)}#playground-controls{background:white;border:1px solid var(--line);padding:22px;border-radius:20px}#playground-controls fieldset{border:0;padding:0;margin:15px 0 20px}#playground-controls legend{font-size:15px;font-weight:650;margin-bottom:15px}#playground-controls input:not([type=color]){width:100%;padding:11px;border:1px solid #bed8e3;border-radius:10px;font:inherit;font-size:13px;color:var(--ink);margin:7px 0 15px}#playground-controls input[type=color]{display:block;width:100%;height:40px;padding:3px;margin-top:7px;border:1px solid var(--line);background:white;border-radius:10px}.playground-actions{display:grid;gap:12px}.playground-actions .button{justify-content:center;font-size:12px}.playground-actions>button:not(.button){background:white;color:var(--ink);font:inherit;font-size:11px;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}.playground-help{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.playground-help h3{font-size:21px}.playground-help p{font-size:14px;color:var(--muted)}#playground-board[data-orientation=portrait]{max-width:360px;margin:auto}.playground-page .section{padding-top:55px}
@media(max-width:1050px){.app-card:nth-child(4n) .app-hover-preview{left:50%;right:auto;transform:translateX(-50%)}.app-card:nth-child(3n) .app-hover-preview{left:auto;right:0;transform:none}.playground-layout{grid-template-columns:minmax(0,1fr) 250px}.paired-devices{grid-template-columns:minmax(0,1fr) 220px}.signage-day{gap:35px}.orientation-comparison{gap:35px}}
@media(max-width:760px){.hero .actions{align-items:stretch;flex-direction:column;max-width:345px}.hero .actions .button{font-size:13px;justify-content:center;gap:20px}.inspiration-grid,.signage-detail,.signage-day,.playground-help{grid-template-columns:1fr}.inspiration-grid{gap:20px}.inspiration-grid article>div{padding:22px}.inspiration-note{padding:24px}.inspiration-note>strong{font-size:22px}.orientation-comparison{grid-template-columns:1fr;gap:35px;align-items:center}.orientation-landscape{max-width:500px}.orientation-portrait{max-width:220px}.playground-callout{align-items:start;flex-direction:column;padding:25px;gap:18px}.signage-day{padding:25px;gap:15px}.kiosk-mode-switch{flex-wrap:wrap}.kiosk-mode-switch button{font-size:11px}.paired-devices{grid-template-columns:1fr}.phone{max-width:220px;min-height:420px}.app-card:nth-child(n) .app-hover-preview{left:50%;right:auto;transform:translateX(-50%);width:280px}.app-card:nth-child(2n) .app-hover-preview{left:auto;right:0;transform:none}.app-card:nth-child(2n+1) .app-hover-preview{left:0;transform:none}.playground-layout{grid-template-columns:1fr}.playground-output{position:static}.playground-page header{flex-wrap:wrap;height:auto;padding-top:20px;gap:18px;padding-bottom:20px}.playground-page header img{width:120px}.playground-page header>.text-link{font-size:10px}.playground-page header>.button{font-size:10px}.playground-help{gap:15px}.signage-detail article{padding:22px}.playground-page .section{padding-top:40px}.touch-person-ui{gap:6px;padding:2%}.touch-person-ui>strong{font-size:clamp(13px,2.3vw,28px)}}
/* v0.9 — compact story, in-card previews and comparable physical screen sizes */
.usage-label{display:flex;align-items:center;gap:12px;min-height:42px}.usage-label>svg{width:36px;height:36px;flex:none;color:var(--blue)}.school-scenes article:first-child .usage-label>svg{color:var(--ink)}.places .place-photo{width:calc(100% + 64px);max-width:none;height:180px;object-fit:cover;display:block;margin:-32px -32px 25px;border-radius:20px 20px 0 0}.places article{overflow:hidden}.places .place-symbol{display:none}.places .place-number{position:static;display:block;margin-bottom:12px}.creation-strip{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:32px;background:#eaf2f8;border-radius:24px;margin-top:40px;margin-bottom:60px;box-sizing:border-box}.creation-strip img{width:100%;height:190px;object-fit:cover;border-radius:15px}.creation-strip h3{font-size:28px;margin:10px 0}.creation-strip p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:650px}.virtual-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;padding:28px 35px;box-sizing:border-box;border-radius:20px;margin-bottom:45px}.virtual-invite b{display:block;font-size:22px;line-height:1.3}.virtual-invite span{display:block;font-size:13px;margin-top:8px;color:#c1d5e3}.virtual-invite .button{flex:none}.app-card{position:relative;overflow:hidden;min-height:205px}.app-card .app-hover-preview,.app-card:nth-child(n) .app-hover-preview{position:absolute;inset:0;width:100%;height:100%;left:0;right:0;top:0;bottom:0;transform:none;padding:12px;box-sizing:border-box;border:0;border-radius:inherit;background:#eaf2f8;box-shadow:none;z-index:3;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.app-card .app-hover-preview edu-demo-board,.app-card .app-hover-preview edu-kiosk-view{width:100%;flex:none}.app-card .app-hover-preview small{font-size:9px;line-height:1.3;margin:8px 0 0;color:var(--muted)}.app-card:not(:hover):not(:focus-within):not(.preview-open) .app-hover-preview{opacity:0;visibility:hidden}.app-card:hover .app-hover-preview,.app-card:focus-within .app-hover-preview,.app-card.preview-open .app-hover-preview{opacity:1;visibility:visible}.orientation-comparison{grid-template-columns:1fr 1fr;align-items:start;gap:50px}.orientation-comparison article{display:grid;grid-template-rows:390px auto auto;justify-items:center;align-items:center}.orientation-landscape{width:min(100%,500px);max-width:none;box-sizing:border-box}.orientation-portrait{width:219.375px;max-width:none;box-sizing:border-box}.orientation-comparison h3{margin-top:24px}.touch-person-ui{display:block;padding:0;gap:0;overflow:hidden}.touch-person-ui edu-kiosk-view{width:100%;height:100%}.touch-person-ui [hidden]{display:none}.photo-phone-ui{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paired-devices .kiosk-live-grid{grid-template-columns:repeat(4,1fr);gap:10px}.kiosk-live-grid button{min-height:82px;font-size:12px;flex-direction:column;gap:8px;padding:10px}.kiosk-live-grid svg{width:25px;height:25px}.tablet-apps{grid-template-columns:1fr 1fr;gap:6px}.tablet-apps button{font-size:9px;padding:8px 4px;min-height:52px;gap:4px}.tablet-apps svg{width:18px;height:18px}.phone{min-height:560px}.paired-screen{min-height:440px}.kiosk-demo-section{padding-top:65px}.photo-phone-ui+figcaption{font-size:11px}
@media(max-width:760px){.orientation-comparison{gap:30px;grid-template-columns:1fr 1fr}.orientation-comparison article{grid-template-rows:260px auto auto}.orientation-landscape{width:100%}.orientation-portrait{width:146.25px}.orientation-comparison h3{font-size:22px}.orientation-comparison p{font-size:12px}.creation-strip{grid-template-columns:130px 1fr;gap:20px;padding:22px}.creation-strip img{height:160px}.creation-strip h3{font-size:23px}.virtual-invite{align-items:start;flex-direction:column;padding:25px}.virtual-invite b{font-size:21px}.paired-devices .kiosk-live-grid{grid-template-columns:repeat(4,1fr)}.paired-screen{min-height:340px}.phone{max-width:260px}.places .place-photo{height:190px}.app-card{min-height:190px}}
.orientation-comparison{--screen-long:min(500px,calc((100vw - 110px)/2))}.orientation-comparison article{grid-template-rows:calc(var(--screen-long) + 18px) auto auto}.orientation-landscape{width:var(--screen-long)}.orientation-portrait{width:calc(var(--screen-long)*.5625)}.places .place-photo{position:relative;height:auto;aspect-ratio:3/2}.place-photo-inner{display:block;width:100%;height:100%;object-fit:cover}.place-photo-display{position:absolute;overflow:hidden}.place-photo-display edu-demo-board{width:100%;height:100%}.touch-person-ui{aspect-ratio:16/9}.tablet-apps button svg{flex:none}.kiosk-live-grid button{overflow-wrap:anywhere}.photo-phone-ui{color:var(--demo-primary,#00866a)}
.orientation-landscape,.orientation-portrait{display:flex;flex-direction:column}.orientation-landscape{height:calc(var(--screen-long)*.5625)}.orientation-portrait{height:var(--screen-long)}.orientation-landscape>edu-demo-board,.orientation-portrait>edu-demo-board{flex:1;min-height:0;aspect-ratio:auto;width:100%}.orientation-landscape>span,.orientation-portrait>span{flex:none}
/* v0.10 — one compact kiosk, inline product information, content suited to each room */
.compact-kiosk .section-heading{margin-bottom:25px}.kiosk-workbench{padding:26px;border:1px solid var(--line);border-radius:24px;background:#eaf2f8}.kiosk-workbench .kiosk-mode-switch{margin:0 0 22px}.kiosk-workspace{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:25px}.compact-display{border:7px solid #0B2D4A;border-bottom:0;border-radius:12px;overflow:hidden;background:#0B2D4A}.compact-display>span{display:block;font-size:7px;color:white;text-align:center;padding:4px}.kiosk-main>p{font-size:12px;line-height:1.5;color:var(--muted);margin:16px 0 12px}.kiosk-how{display:flex;gap:18px;font-size:10px;color:var(--ink)}.kiosk-how span{display:flex;align-items:center;gap:6px}.kiosk-how b{border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;width:20px;height:20px;flex:none}.compact-phone{background:#f8fafc;border:6px solid #0B2D4A;border-radius:25px;padding:12px 9px 8px;text-align:center;box-shadow:0 10px 25px #142c4615;transition:opacity .2s}.phone-camera{background:#0B2D4A;width:42px;height:5px;border-radius:6px;margin:-6px auto 10px}.compact-phone>strong{display:block;font-size:12px;letter-spacing:2px;color:var(--demo-primary,#00866a)}.compact-phone>small{font-size:6px;letter-spacing:1px;color:var(--muted)}.phone-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0}.phone-choices button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #d8e3eb;background:white;border-radius:6px;min-height:43px;font:inherit;font-size:7px;line-height:1.2;padding:5px 2px;color:var(--demo-ink,#0B2D4A);cursor:pointer}.phone-choices svg{width:16px;height:16px;color:var(--demo-primary,#00866a)}.phone-choices button.selected{background:var(--demo-primary,#00866a);color:white}.phone-choices button.selected svg{color:white}.phone-actions{display:flex;gap:4px;justify-content:center}.phone-actions button{background:white;border:1px solid #d8e3eb;border-radius:5px;padding:6px;font:inherit;font-size:9px;color:var(--demo-ink,#0B2D4A);cursor:pointer}.compact-phone>p{font-size:8px;line-height:1.3;color:var(--muted);margin:8px 0 0;min-height:12px}.kiosk-workbench[data-kind=touch] .compact-phone{opacity:.45;filter:grayscale(.4)}.kiosk-workbench[data-kind=touch] .compact-phone button{pointer-events:none}.kiosk-workbench[data-kind=phone] .compact-display{box-shadow:0 0 0 2px #00B894}.kiosk-context{display:flex;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #cbdde8}.kiosk-context-photo{width:185px;aspect-ratio:3/2;position:relative;flex:none;overflow:hidden;border-radius:10px}.kiosk-context-photo>img{width:100%;height:100%;object-fit:cover;display:block}.kiosk-context-screen{position:absolute;left:52%;top:10.8%;width:43.3%;height:34.5%}.kiosk-context-screen edu-kiosk-view{width:100%;height:100%}.kiosk-context p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.kiosk-context b,.kiosk-context span,.kiosk-context small{display:block}.kiosk-context b{color:var(--ink);font-size:14px;margin-bottom:6px}.kiosk-context small{font-size:9px;margin-top:8px}.app-card .app-hover-preview,.app-card:nth-child(n) .app-hover-preview{padding:0;border-radius:inherit;display:block}.app-card .app-hover-preview edu-demo-board,.app-card .app-hover-preview edu-kiosk-view{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.location-content-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:-8px 0 22px}.location-content-tabs button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--muted);padding:8px 12px;font:inherit;font-size:10px;cursor:pointer}.location-content-tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}.location-content-tabs svg{width:16px;height:16px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.product-shot{height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:linear-gradient(135deg,#dceaf3,#f7fafc);padding:25px;box-sizing:border-box}.product-shot img{display:block;width:85%;height:180px;object-fit:contain;filter:drop-shadow(0 15px 10px #142c4625)}.product-shot>span{font-size:8px;letter-spacing:2px;color:var(--ink);font-weight:700}.product-content{padding:30px}.product-content h3{font-size:27px;margin:12px 0}.product-content>p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted)}.product-content dl{margin:25px 0}.product-content dl>div{padding:12px 0;border-top:1px solid var(--line)}.product-content dt{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.product-content dd{font-size:13px;font-weight:600;line-height:1.5;margin:0;color:var(--ink)}.product-content summary{font-size:12px;font-weight:650;cursor:pointer}.product-content details p{font-size:12px;line-height:1.65;color:var(--muted)}.hardware-selection{display:flex;gap:35px;align-items:center;padding:30px 0 0}.hardware-selection>div{flex:1}.hardware-selection b{font-size:16px}.hardware-selection p{font-size:12px;color:var(--muted)}.hardware-selection .button{font-size:11px}.broadcast-plan{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:45px;background:#eaf2f8;border-radius:22px;padding:35px}.broadcast-plan h3{font-size:33px;line-height:1.15;margin:12px 0 18px}.broadcast-plan p{font-size:13px;color:var(--muted);line-height:1.6}.day-plan-tabs{display:grid;gap:10px;margin-top:25px}.day-plan-tabs button{display:grid;grid-template-columns:60px 1fr;text-align:left;gap:3px 15px;border:1px solid #cbdde8;border-radius:10px;background:white;padding:14px;font:inherit;color:var(--ink);cursor:pointer}.day-plan-tabs time{grid-row:span 2;font-size:19px;font-weight:650;align-self:center;color:var(--blue)}.day-plan-tabs b{font-size:12px}.day-plan-tabs span{font-size:10px;color:var(--muted)}.day-plan-tabs button.selected{background:var(--ink);border-color:var(--ink);color:white}.day-plan-tabs button.selected time{color:#6edac5}.day-plan-tabs button.selected span{color:#c3d7e5}.plan-preview-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;margin-bottom:12px;color:var(--ink)}.plan-preview-label>span{padding:6px 8px;background:white;border-radius:6px;white-space:nowrap;font-weight:700}.plan-monitor{border:6px solid var(--ink);border-bottom:0;border-radius:10px;background:var(--ink);overflow:hidden}.plan-monitor>span{font-size:6px;color:white;text-align:center;display:block;padding:3px}.plan-track{display:flex;align-items:center;gap:10px;position:relative;margin:25px 0 8px;font-size:8px;color:var(--muted)}.plan-track i{height:5px;background:#cadce7;border-radius:5px;flex:1}.plan-track>b{position:absolute;height:16px;width:16px;border:3px solid white;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #afc8d9}.plan-preview>p{font-size:11px;min-height:36px}.orientation-section .section-heading>p:empty{display:none}
@media(max-width:900px){.kiosk-workspace{grid-template-columns:minmax(0,1fr) 155px;gap:15px}.kiosk-how{flex-direction:column;gap:7px}.product-content{padding:24px}.hardware-selection{flex-wrap:wrap}.hardware-selection .button{width:100%;justify-content:center}.broadcast-plan{gap:25px;padding:25px}}
@media(max-width:650px){.kiosk-workbench{padding:16px}.kiosk-workspace{grid-template-columns:minmax(0,1fr) 125px;gap:12px}.compact-phone{padding:10px 5px 7px;border-width:4px;border-radius:18px}.phone-choices{gap:3px;margin:8px 0}.phone-choices button{font-size:6px;min-height:35px;padding:3px 1px}.phone-choices svg{width:13px;height:13px}.phone-actions button{font-size:7px;padding:5px 4px}.kiosk-workbench .kiosk-mode-switch button{font-size:10px;padding:10px}.kiosk-main>p{font-size:10px;margin-top:12px}.kiosk-how{font-size:8px}.kiosk-how b{height:16px;width:16px}.compact-display{border-width:4px;border-bottom:0;border-radius:8px}.kiosk-context{gap:14px}.kiosk-context-photo{width:125px}.kiosk-context b{font-size:12px}.kiosk-context span{font-size:10px}.kiosk-context small{font-size:8px}.product-grid{grid-template-columns:1fr}.product-shot{height:240px}.product-shot img{height:170px;max-width:340px}.hardware-selection{gap:20px}.hardware-selection b{font-size:14px}.broadcast-plan{grid-template-columns:1fr}.broadcast-plan h3{font-size:28px}.day-plan-tabs{grid-template-columns:repeat(3,1fr);gap:7px}.day-plan-tabs button{display:flex;flex-direction:column;align-items:start;padding:10px;gap:6px}.day-plan-tabs b{font-size:10px}.day-plan-tabs span{font-size:8px}.day-plan-tabs time{font-size:17px;align-self:start}.plan-preview{margin-top:5px}.location-content-tabs{gap:6px}.location-content-tabs button{font-size:9px;padding:7px 9px}}
@media(max-width:420px){.kiosk-workspace{grid-template-columns:1fr}.compact-phone{width:150px;justify-self:center}.kiosk-workbench[data-kind=touch] .compact-phone{display:none}.kiosk-how{flex-direction:row;flex-wrap:wrap}.kiosk-context-photo{width:100px}.day-plan-tabs span{display:none}}
.app-card:hover,.app-card:focus-within,.app-card.preview-open{border:0}
/* v0.11 — consistent screen glass, standard phone proportions and Eduvize timeline */
.usage-label>svg,.school-scenes article:first-child .usage-label>svg{color:var(--ink)}.monitor,.schematic-display,.compact-display,.orientation-landscape,.orientation-portrait{border:6px solid var(--ink);border-bottom:0;border-radius:10px;overflow:hidden;background:var(--ink);box-sizing:border-box}.schematic-figure edu-kiosk-view{border:0;border-radius:0}.schematic-display>span,.compact-display>span,.orientation-landscape>span,.orientation-portrait>span,.bezel{display:block;text-align:center;font-size:7px;line-height:1.2;color:#E5EEF5;padding:3px;background:var(--ink)}.schematic-display edu-demo-board,.schematic-display edu-kiosk-view,.screen edu-demo-board{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:0}.compact-display edu-kiosk-view{width:100%;aspect-ratio:16/9;display:block}.compact-phone{width:190px;aspect-ratio:9/19.5;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;align-self:start;padding:13px 9px 9px;overflow:hidden}.compact-phone .phone-camera{flex:none;margin:0 auto 10px}.compact-phone>strong{flex:none}.compact-phone>small{flex:none;font-size:6px}.phone-choices{flex:1;min-height:0;grid-template-rows:repeat(6,minmax(0,1fr));margin:9px 0;gap:4px}.phone-choices button{min-height:0;overflow:hidden;font-size:7px;padding:3px 1px;gap:3px}.phone-choices svg{width:14px;height:14px;flex:none}.phone-actions{flex:none}.compact-phone>p{flex:none;margin:6px 0 0;min-height:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-shot img{width:100%;height:190px;max-width:none;filter:drop-shadow(0 10px 8px #142c461a)}.product-shot{padding:22px 17px;height:260px}.product-content{padding:25px}.product-content h3{font-size:25px;line-height:1.2}.product-content dl>div{min-height:70px}.eduvize-timeline{margin-top:40px;padding:35px;border:1px solid var(--line);border-radius:22px;background:var(--pale)}.timeline-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:end}.timeline-heading .eyebrow{grid-column:1/-1}.timeline-heading h3{font-size:35px;line-height:1.2;margin:10px 0}.timeline-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.6;max-width:390px}.day-axis{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.day-axis:before{content:'';position:absolute;left:16%;right:16%;top:68px;height:3px;background:linear-gradient(90deg,var(--blue),var(--accent));z-index:0}.day-axis article{position:relative;z-index:1}.day-axis button{width:100%;display:flex;flex-direction:column;align-items:center;gap:13px;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;padding:0}.day-axis time{font-size:27px;font-weight:650;color:var(--blue);line-height:1.2}.day-axis button>i{height:52px;width:52px;border:2px solid var(--blue);border-radius:50%;background:var(--pale);display:grid;place-items:center;color:var(--blue);font-style:normal;transition:background .2s}.day-axis i svg{width:25px;height:25px}.day-axis .selected i{background:var(--blue);color:white;box-shadow:0 0 0 6px #ffffff88}.day-axis button>b{font-size:15px}.day-axis article>div{border-radius:12px;background:white;border:1px solid var(--line);padding:19px;margin-top:18px;min-height:180px}.day-axis article.selected>div{border-color:var(--blue);box-shadow:0 3px 0 var(--blue)}.day-axis article>div>span{font-size:8px;letter-spacing:.5px;font-weight:650;color:var(--teal);display:block;line-height:1.5}.day-axis article>div>p{font-size:12px;line-height:1.6;color:var(--muted);margin:13px 0}.day-axis article>div>small{font-size:10px;color:var(--ink);font-weight:600}.timeline-status{font-size:11px;color:var(--muted);margin:25px 0 0;text-align:center}.app-card:hover,.app-card:focus-within,.app-card.preview-open{border:0}.app-card .app-hover-preview edu-demo-board,.app-card .app-hover-preview edu-kiosk-view{height:100%;width:100%;aspect-ratio:auto}.location-image #location-screen>edu-demo-board,.place-photo-display>edu-demo-board,.kiosk-context-screen>edu-kiosk-view{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0}
@media(max-width:1050px){.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.product-card:last-child .product-shot{height:100%}.product-card:last-child .product-shot img{height:auto;max-height:290px}}
@media(max-width:650px){.compact-phone{width:125px;padding:9px 5px 6px}.compact-phone .phone-camera{width:30px;height:4px;margin:0 auto 7px}.compact-phone>strong{font-size:9px}.compact-phone>small{font-size:4px}.phone-choices{margin:6px 0;gap:3px}.phone-choices button{font-size:5px;padding:2px;gap:2px}.phone-choices svg{width:10px;height:10px}.phone-actions button{font-size:6px;padding:4px}.compact-phone>p{font-size:6px;margin-top:5px}.product-grid{grid-template-columns:1fr}.product-card:last-child{display:block;grid-column:auto}.product-card:last-child .product-shot{height:240px}.product-card:last-child .product-shot img{height:190px}.timeline-heading{grid-template-columns:1fr;gap:0}.timeline-heading h3{font-size:30px}.eduvize-timeline{padding:25px}.day-axis{grid-template-columns:1fr;gap:24px;margin-top:25px}.day-axis:before{left:24px;right:auto;top:16px;bottom:20px;width:3px;height:auto;background:linear-gradient(var(--blue),var(--accent))}.day-axis article{display:grid;grid-template-columns:52px 1fr;gap:20px}.day-axis button{gap:10px;display:contents}.day-axis button>i{grid-column:1;grid-row:1/3;align-self:start}.day-axis time{grid-column:2;grid-row:1;font-size:25px}.day-axis button>b{grid-column:2;grid-row:2;margin-top:-15px;font-size:17px}.day-axis article>div{grid-column:2;margin-top:0;min-height:0;padding:16px}.day-axis article>div>span{font-size:8px}.day-axis article>div>p{font-size:12px}.timeline-status{text-align:left;margin-left:72px}}
@media(max-width:420px){.compact-phone{width:155px}.compact-phone>strong{font-size:11px}.compact-phone>small{font-size:5px}.phone-choices button{font-size:6px}.phone-choices svg{width:13px;height:13px}.phone-actions button{font-size:8px;padding:5px}}
@media(max-width:650px){.day-axis article{display:block;padding-left:72px}.day-axis button{display:flex;align-items:start;gap:7px;position:relative}.day-axis button>i{position:absolute;left:-72px;top:0}.day-axis button>b{margin:0}.day-axis article>div{margin-top:14px}}
/* v0.12 — compact demonstrations and readable signage explanation */
html{scroll-padding-top:24px}.playground-page header{max-width:1030px;height:70px}.playground-page main.wrap{max-width:1030px;padding-top:18px;padding-bottom:30px}.playground-page main>.eyebrow{font-size:9px;margin:0 0 9px}.playground-page h1{font-size:34px;line-height:1.1;margin:0}.playground-page main>.lead{font-size:13px;margin:10px 0 0;max-width:700px}.playground-layout{grid-template-columns:minmax(0,1fr) 255px;gap:30px;align-items:start;margin-top:22px}.playground-output{position:relative;top:auto;max-width:620px;width:100%;justify-self:center;border-width:5px;border-radius:11px;transition:width .25s}.playground-output[data-orientation=portrait]{width:min(230px,calc((100svh - 320px)*.5625));min-width:160px}.playground-output edu-demo-board{width:100%;max-width:none!important;margin:0!important}.playground-school{padding:10px 12px;gap:8px}.playground-school strong{font-size:13px}.playground-school span{font-size:6px}.playground-status{font-size:9px;padding:8px 10px;line-height:1.4}.playground-output[data-orientation=portrait] .playground-school{flex-direction:column;align-items:start}.playground-output[data-orientation=portrait] .playground-school span{display:none}#playground-controls{padding:14px;border-radius:13px}#playground-controls label{display:block;font-size:10px;line-height:1.3;margin:0 0 8px}#playground-controls select,#playground-controls input:not([type=color]){display:block;width:100%;font-size:11px;line-height:1.2;padding:7px 8px;margin:4px 0 0;border-radius:6px;height:30px}#playground-controls .pg-colour{display:flex;align-items:center;justify-content:space-between;gap:10px}#playground-controls input[type=color]{width:70px;height:27px;margin:0;padding:2px}#playground-controls fieldset{margin:10px 0;padding:0}#playground-controls legend{font-size:12px;margin-bottom:9px}.playground-actions{gap:6px}.playground-actions .button{font-size:10px;padding:8px 12px;min-height:32px}.playground-actions>button:not(.button){padding:6px 10px;font-size:9px}.playground-help{gap:25px;margin-top:25px}.playground-help h3{font-size:16px}.playground-help p{font-size:11px}.playground-page footer{max-width:1030px}.playground-page footer img{width:100px}.playground-page footer{font-size:9px}.playground-page main>.fine{font-size:9px;margin-top:15px}#prostredi{padding-top:32px;padding-bottom:32px}#prostredi .section-heading{margin-bottom:18px;gap:30px}#prostredi .section-heading h2{font-size:32px;line-height:1.15}#prostredi .section-heading .eyebrow{font-size:9px;margin-bottom:12px}#prostredi .section-heading>p{font-size:12px;line-height:1.6;max-width:390px}#prostredi .location-tabs{margin-bottom:12px;gap:8px}#prostredi .location-tabs button{padding:8px 12px;font-size:10px}#prostredi .location-content-tabs{margin:0 0 12px;gap:7px}#prostredi .location-content-tabs button{padding:6px 10px;font-size:9px}#prostredi .location-playback{margin:0 0 10px;font-size:9px}.location-figure{max-width:min(620px,calc((100svh - 370px)*1.5));margin:0 auto;min-width:300px}.location-image{width:100%}.location-image>img{display:block;width:100%;height:auto}.location-figure figcaption{padding:12px 16px;gap:5px}.location-figure figcaption>strong{font-size:15px}.location-figure figcaption>span{font-size:11px}.location-figure figcaption>small{font-size:8px}.signage-heading h2{font-size:40px;line-height:1.15}.signage-heading>p{font-size:14px;line-height:1.7}.signage-roles{display:flex;align-items:center;gap:22px;background:var(--ink);color:white;border-radius:14px;padding:22px 26px;margin:25px 0}.signage-roles>span{flex:1;font-size:11px;line-height:1.5;color:#ccdeea}.signage-roles b{display:block;font-size:17px;color:white;margin-bottom:5px}.signage-roles i{font-style:normal;color:#69d9bd;font-size:24px}.signage-explainer{background:var(--pale);border:1px solid var(--line);border-radius:18px;padding:25px}.signage-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.signage-tabs button{font:inherit;font-size:12px;padding:11px 14px;border:1px solid #c5dae7;border-radius:8px;background:white;color:var(--ink);cursor:pointer}.signage-tabs button.selected{background:var(--blue);border-color:var(--blue);color:white}.signage-explainer-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:25px;min-height:260px}.signage-feature-copy h3{font-size:28px;line-height:1.2;margin:10px 0 14px}.signage-feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted)}.signage-feature-copy ul{padding-left:18px;font-size:12px;line-height:1.8;color:var(--ink)}.signage-feature-copy .eyebrow{font-size:9px}.signage-diagram{background:white;border-radius:12px;min-height:230px;display:grid;place-items:center;padding:25px;border:1px solid #d2e2eb}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.source-grid>span{padding:20px 14px;background:var(--pale);border-left:3px solid var(--accent);border-radius:7px;font-size:16px;font-weight:650;color:var(--ink)}.source-grid small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:7px}.source-grid>span:first-child{background:var(--teal);color:white}.source-grid>span:first-child small{color:#ceeee5}.layout-art{display:grid;grid-template-columns:1fr 2.3fr;grid-template-rows:150px 45px;width:100%;gap:7px;background:var(--pale);padding:7px;border:5px solid var(--ink);border-radius:7px}.layout-art>div{display:grid;place-items:center;text-align:center;padding:8px;background:#d9f1e9;color:var(--teal);border-radius:5px;font-size:11px}.layout-art>div:nth-child(2){background:var(--ink);color:white}.layout-art>div:last-child{background:#dceefa;color:var(--ink)}.schedule-art{width:100%;display:grid;gap:15px}.schedule-art>div{display:grid;grid-template-columns:55px 1fr;gap:8px 15px;align-items:center}.schedule-art time{font-size:18px;font-weight:650;color:var(--blue)}.schedule-art b{font-size:12px}.schedule-art span{grid-column:2;height:16px;border-radius:4px;background:var(--blue)}.schedule-art>div:nth-child(2) span{background:var(--accent);margin-left:20%;width:50%}.schedule-art>div:nth-child(3) span{background:var(--ink);margin-left:50%;width:50%}.devices-art{width:100%;text-align:center}.devices-art>strong{display:inline-block;background:var(--ink);color:white;padding:16px 30px;border-radius:8px;font-size:16px}.devices-art>i{display:block;height:30px;width:1px;background:#b3cbdc;margin:auto}.devices-art>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:2px solid var(--blue);padding-top:20px}.devices-art span{padding:15px 8px;border:2px solid var(--blue);border-radius:6px;font-size:11px;background:var(--pale)}.signage-more{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.signage-more details{border:1px solid var(--line);border-radius:10px;background:white;padding:18px}.signage-more summary{font-size:12px;font-weight:650;line-height:1.5;cursor:pointer}.signage-more p{font-size:12px;line-height:1.65;color:var(--muted)}
@media(max-width:760px){.playground-layout{grid-template-columns:1fr 230px;gap:18px}.playground-page h1{font-size:30px}.signage-explainer-body{gap:25px}.signage-roles{gap:12px;padding:20px}.signage-roles b{font-size:14px}.signage-roles>span{font-size:10px}.signage-feature-copy h3{font-size:24px}.signage-more{grid-template-columns:1fr}.signage-heading h2{font-size:34px}}
@media(max-width:580px){.playground-layout{grid-template-columns:1fr}.playground-output{max-width:460px}.playground-output[data-orientation=portrait]{width:200px;min-width:0}#playground-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}#playground-controls fieldset,.playground-actions{grid-column:1/-1}#playground-controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:9px}.playground-page main.wrap{padding-top:15px}.playground-help{grid-template-columns:1fr;gap:10px}.location-figure{min-width:0;max-width:100%}#prostredi .section-heading h2{font-size:29px}#prostredi .section-heading{gap:12px}#prostredi .location-tabs{flex-wrap:wrap}#prostredi .location-playback{gap:12px}.signage-roles{flex-direction:column;align-items:start;gap:12px}.signage-roles>i{display:none}.signage-roles>span{font-size:11px}.signage-roles b{font-size:16px}.signage-explainer{padding:18px}.signage-tabs{grid-template-columns:1fr 1fr}.signage-tabs button{font-size:10px;padding:9px}.signage-explainer-body{grid-template-columns:1fr;gap:20px}.signage-diagram{min-height:190px;padding:20px}.signage-feature-copy h3{font-size:25px}.signage-heading h2{font-size:30px}.signage-more{gap:10px}}
.photo-kiosk-section{padding-top:35px;padding-bottom:35px}.photo-kiosk-section .section-heading{margin-bottom:18px}.photo-kiosk-section .section-heading h2{font-size:35px;line-height:1.15}.photo-kiosk-section .section-heading>p{font-size:12px;line-height:1.65;max-width:370px}.photo-kiosk-demo .kiosk-mode-switch{justify-content:center;margin:0 0 8px}.photo-kiosk-demo .kiosk-mode-switch button{padding:9px 15px;font-size:11px}.photo-kiosk-demo #kiosk-mode-description{text-align:center;font-size:11px;color:var(--muted);margin:6px 0 14px}.photo-kiosk-figure{width:min(900px,calc((100svh - 330px)*1.777));max-width:100%;min-width:440px;margin:0 auto}.photo-kiosk-stage{position:relative;border-radius:12px;overflow:hidden}.photo-kiosk-stage>img{display:block;width:100%;height:auto}.photo-display{position:absolute;left:51.4%;top:18.3%;width:44.8%;height:42.5%;overflow:hidden}.photo-display edu-kiosk-view{display:block;width:100%;height:100%;aspect-ratio:auto}.photo-remote{position:absolute;left:26.2%;top:28.37%;width:11.9%;height:47.3%;container-type:size;background:var(--demo-bg,#eaf2f8);border-radius:11% / 5%;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:10% 6% 5%;padding:7% 6% 5%;box-sizing:border-box}.photo-phone-notch{position:absolute;left:31%;top:0;width:38%;height:3.5%;background:#1a2025;border-radius:0 0 5px 5px}.photo-remote>strong{font-size:9cqmin;letter-spacing:.5px;text-align:center;line-height:1.2;color:var(--demo-primary,#00866a);flex:none}.photo-remote>small{font-size:4.2cqmin;text-align:center;line-height:1.2;color:var(--muted);margin-top:3%;flex:none}.photo-remote .phone-choices{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,minmax(0,1fr));flex:1;min-height:0;gap:3cqmin;margin:8% 0 6%}.photo-remote .phone-choices button{padding:2cqmin 1cqmin;gap:2cqmin;border-radius:3cqmin;font-size:5.2cqmin;line-height:1.15;min-height:0;border-width:.6px}.photo-remote .phone-choices svg{width:11cqmin;height:11cqmin;flex:none}.photo-remote .phone-actions{display:flex;justify-content:space-between;gap:4cqmin;flex:none}.photo-remote .phone-actions button{padding:3cqmin;font-size:7cqmin;line-height:1;border-radius:3cqmin;flex:1;border-width:.6px}.photo-phone-state{font-size:4.5cqmin;line-height:1.3;text-align:center;color:var(--muted);margin-top:5%;flex:none}.photo-kiosk-demo[data-kind=touch] .photo-remote{opacity:.75}.photo-kiosk-demo[data-kind=phone] .photo-remote{box-shadow:0 0 0 1px #00b894}.photo-kiosk-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);padding:8px 0;line-height:1.4}.photo-kiosk-figure figcaption b{font-size:10px;color:var(--ink)}
@media(max-width:650px){.photo-kiosk-section .section-heading h2{font-size:30px}.photo-kiosk-section .section-heading{gap:12px}.photo-kiosk-figure{width:100%;min-width:0}.photo-kiosk-demo #kiosk-mode-description{font-size:10px}.photo-kiosk-demo .kiosk-mode-switch button{font-size:10px}.photo-kiosk-figure figcaption{font-size:8px}.photo-kiosk-figure figcaption b{font-size:9px}}
.photo-remote{padding:0}.photo-phone-interior{display:flex;flex-direction:column;height:100%;width:100%;padding:14cqmin 5cqmin 6cqmin;box-sizing:border-box}.photo-phone-interior>strong{font-size:9cqmin;letter-spacing:.5px;text-align:center;line-height:1.2;color:var(--demo-primary,#00866a);flex:none}.photo-phone-interior>small{font-size:4.2cqmin;text-align:center;line-height:1.2;color:var(--muted);margin-top:3%;flex:none}
.photo-remote{left:25.42%;top:18.49%;width:15.43%;height:61.42%}
.playground-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.playground-output{aspect-ratio:16/9;display:flex;flex-direction:column;box-sizing:border-box}.playground-output[data-orientation=portrait]{aspect-ratio:9/16}.playground-school[hidden]{display:none}.playground-output #playground-board{flex:1;min-height:0;height:100%;width:100%;aspect-ratio:auto}.playground-preview .playground-status{border:0;background:transparent;text-align:center;font-size:10px;max-width:600px;padding:0;min-height:28px}.playground-page #playground-controls select,.playground-page #playground-controls input:not([type=color]){min-height:28px;height:28px;padding:5px 7px}.playground-page #playground-controls .button{min-height:30px}.playground-page #playground-controls input[type=color]{min-height:0}
.location-figure{max-width:min(570px,calc((100svh - 430px)*1.5))}.location-figure figcaption{padding:8px 12px;gap:3px}.location-figure figcaption>strong{font-size:13px}.location-figure figcaption>span{font-size:10px}.location-figure figcaption>small{font-size:7px}@media(max-width:580px){.location-figure{max-width:100%;min-width:0}}
.app-preview-note{font-size:11px;color:var(--muted);margin:0 0 15px}
.playground-output{transition:none}

/* v0.13 — shorter, wider phone with portrait 9:16 screen */
.photo-remote{left:25.78%;top:28.48%;width:13.76%;height:43.89%;border-radius:1.2% / .7%}.photo-phone-notch{display:none}.photo-phone-interior{padding:6cqmin 5cqmin}
.photo-phone-interior{padding:5cqmin 5cqmin 4cqmin}.photo-phone-interior>strong{font-size:8.5cqmin}.photo-phone-interior>small,.photo-phone-state{display:none}.photo-remote .phone-choices{gap:2cqmin;margin:5% 0}.photo-remote .phone-choices button{font-size:4.7cqmin;line-height:1.05;padding:1cqmin;gap:.5cqmin;overflow:hidden}.photo-remote .phone-choices svg{width:7cqmin;height:7cqmin}.photo-remote .phone-actions button{font-size:6cqmin;padding:2cqmin}
/* v0.14 — change the woman's position along with the control method */
.photo-kiosk-stage .touch-person-foreground{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;clip-path:polygon(0 0,51.3% 0,51.3% 50.9%,52.3% 48.5%,52.7% 46.9%,53.5% 47%,54.4% 44.6%,55.1% 41.6%,56.6% 40%,58.4% 37.7%,58.8% 37.7%,58.9% 38.2%,58.7% 38.7%,57.7% 40%,56.6% 41.3%,56.5% 42.2%,57.3% 42.4%,57.8% 43.5%,57.8% 44.4%,57.6% 44.8%,57.8% 45.2%,57.4% 46%,56.8% 46.8%,56.1% 47.4%,55.3% 48.3%,54.5% 49.6%,53.6% 51.5%,52.8% 54%,51.3% 56.4%,51.3% 100%,0 100%)}.photo-display{z-index:2}.photo-remote{z-index:4}.photo-kiosk-demo[data-kind=touch] .photo-remote{display:none}.photo-kiosk-demo[data-kind=touch] .touch-person-foreground{display:block}

/* v0.15 — matched photo demonstrations, a coherent place selector, no flashing static outputs. */
.photo-kiosk-stage .touch-person-foreground{clip-path:polygon(0 0,51.3% 0,51.3% 40.7%,51.7% 39.7%,52.1% 38.5%,52.5% 37.5%,53.4% 35.3%,53.8% 35.2%,53.9% 35.7%,53.7% 36.5%,53% 38.2%,53% 38.8%,53.5% 39.2%,53.6% 40.5%,53.4% 41.3%,53% 41.8%,52.6% 42.3%,52.1% 43%,51.3% 43.5%,51.3% 100%,0 100%)}
#prostredi .section-heading{align-items:end;margin-bottom:20px}#prostredi .section-heading h2{font-size:35px}#prostredi .section-heading .eyebrow{font-size:10px}#prostredi .section-heading>p{font-size:12px;max-width:370px}
.location-demo{--scene-width:min(900px,calc((100svh - 330px)*1.777));max-width:100%;margin:auto}.location-demo>.location-tabs{justify-content:center;margin:0 0 15px!important}.location-layout{display:grid;grid-template-columns:minmax(0,var(--scene-width)) minmax(190px,235px);gap:24px;align-items:center;justify-content:center}.location-figure{width:100%;max-width:none;min-width:0;margin:0;border-radius:12px;border:0;background:transparent}.location-image{aspect-ratio:3/2;border-radius:12px;overflow:hidden}.location-controls{border-left:2px solid var(--line);padding-left:20px}.location-caption{display:flex;flex-direction:column;gap:10px}.location-caption>strong{font-size:21px;line-height:1.2}.location-caption>span{font-size:12px;line-height:1.6;color:var(--muted)}.location-caption>small{font-size:9px;line-height:1.6;color:var(--muted)}.location-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:650;margin:22px 0 10px}#prostredi .location-content-tabs{display:grid;grid-template-columns:1fr;gap:7px;margin:0!important}#prostredi .location-content-tabs button{padding:9px 10px;font-size:11px;text-align:left}#prostredi .location-playback{display:flex;flex-direction:column;align-items:start;gap:6px;margin:20px 0 0!important;font-size:9px;line-height:1.5}#prostredi .location-playback button{text-align:left;font-size:10px}
@media(max-width:900px){.location-layout{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.location-controls{padding-left:15px}.location-caption>strong{font-size:18px}}
@media(max-width:650px){.location-layout{grid-template-columns:1fr}.location-controls{padding:0;border:0}.location-caption>small{display:none}.location-label{margin-top:14px}#prostredi .location-content-tabs{display:flex;flex-wrap:wrap}#prostredi .location-playback{flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px!important}#prostredi .section-heading h2{font-size:30px}}
.signage-detail-link{display:flex;align-items:center;gap:25px;margin:25px 0}.signage-detail-link>span{font-size:12px;color:var(--muted);line-height:1.6;max-width:400px}@media(max-width:650px){.signage-detail-link{flex-direction:column;align-items:start;gap:12px}}