@charset "UTF-8";
:root{--bg:#f8f8f6;--surface:#fff;--soft:#efefec;--ink:#20231f;--muted:#71766d;--line:rgba(33,43,28,.13);--accent:#ec5b27;--accent-soft:#fff0e9;--dark:#20261f;--font-body:'Satoshi',Arial,sans-serif;--font-display:'Cabinet Grotesk','Satoshi',sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:clamp(1.5rem,2.3vw,2rem);--text-2xl:clamp(2rem,4vw,3.7rem);--text-hero:clamp(3.5rem,6.8vw,6.6rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;--ease:cubic-bezier(.2,.8,.2,1)}
[data-theme=dark]{--bg:#161b17;--surface:#202621;--soft:#282e28;--ink:#f1f3ec;--muted:#a2aca1;--line:rgba(230,242,219,.16);--accent:#ff8456;--accent-soft:#3a2a22;--dark:#0d140f}
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-font-smoothing:antialiased}body{font:var(--text-base)/1.55 var(--font-body);background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}img,canvas,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{text-wrap:pretty}::selection{background:#f8b093;color:#20231f}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1360px,100% - 96px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:16px}.skip:focus{top:10px}.orange{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;display:flex;align-items:center;gap:var(--s3)}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--accent)}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-icon] svg{width:20px;height:20px;stroke-width:1.7}.button{display:inline-flex;min-height:52px;padding:var(--s3) var(--s6);align-items:center;justify-content:center;gap:var(--s6);font-weight:700;font-size:var(--text-sm);border-radius:7px;transition:background .2s,transform .25s}.button:hover{transform:translateY(-2px)}.orange-button{background:var(--accent);color:#fff}.orange-button:hover{background:#d94c1d}.dark{background:var(--ink);color:var(--bg)}.small{min-height:44px;padding:var(--s3) var(--s5)}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface)}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.small-note{font-size:var(--text-xs);line-height:1.6;color:var(--muted)}.tag{display:inline-flex;font-size:var(--text-xs);padding:var(--s1) var(--s3);border:1px solid var(--line);border-radius:4px;line-height:1.5}.nav-wrap{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.brand{display:inline-flex;align-items:center;gap:var(--s2);font-weight:900;letter-spacing:-.04em;font-size:1.55rem;white-space:nowrap;line-height:1}.brand-mark{width:29px;height:29px;color:var(--accent);margin-right:var(--s1)}.brand-dot{color:var(--accent);margin-left:-8px}.nav-links{display:flex;gap:var(--s8);font-size:var(--text-sm);font-weight:500}.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;gap:var(--s3);align-items:center}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s6);padding-block:var(--s20) var(--s16);align-items:center;min-height:670px}.hero h1{font-size:var(--text-hero);line-height:.98;margin-top:var(--s6);margin-bottom:var(--s6);letter-spacing:-.055em}.hero-lead{font-size:var(--text-lg);line-height:1.5}.hero-lead strong{font-weight:700}.hero-note{max-width:42ch;color:var(--muted);margin-top:var(--s4)}.hero-actions{display:flex;gap:var(--s6);align-items:center;margin-block:var(--s8)}.persona{display:inline-flex;gap:var(--s1);background:var(--soft);padding:var(--s1);border-radius:6px}.persona button{min-height:36px;padding:var(--s2) var(--s4);font-size:var(--text-xs);border-radius:4px}.persona button.selected{background:var(--surface);box-shadow:0 1px 6px #162a1610;font-weight:700}.persona-line{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s3);min-height:2lh}.hero-scene{position:relative;min-width:0;aspect-ratio:1/1;height:auto;perspective:1400px}.hero-sphere{position:absolute;inset:0;width:100%;height:100%}.scene-coordinate{position:absolute;top:0;right:0;color:var(--muted);font-size:var(--text-xs);letter-spacing:.12em}.hero-window{position:absolute;top:23%;left:0;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 40px 70px -35px #39221160;overflow:hidden;transform:rotateY(-8deg) rotateX(7deg) rotateZ(-2deg);animation:window-arrive 1.2s var(--ease) both}.window-bar{height:34px;font-size:var(--text-xs);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--s3);color:var(--muted);background:var(--surface)}.window-bar [data-icon] svg{width:12px;height:12px}.window-dots{font-size:8px;letter-spacing:2px;color:#969d91}.hero-window img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:50% 45%}.hero-window-foot{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);padding:var(--s3);border-top:1px solid var(--line);font-weight:500}.floating-plan{position:absolute;bottom:5%;right:-1%;display:flex;align-items:center;gap:var(--s4);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:var(--s4) var(--s5);box-shadow:0 16px 30px -15px #332c2740;animation:plan-arrive 1s .25s var(--ease) both;text-align:left;transition:transform .3s}.floating-plan:hover{transform:translateY(-5px)}.floating-plan strong{font-size:var(--text-sm);display:block}.floating-plan small{font-size:var(--text-xs);color:var(--muted);display:block}.mini-symbol{color:var(--accent)}.mini-symbol svg{width:32px;height:32px}.scene-stamp{position:absolute;bottom:0;left:0;font-size:var(--text-xs);letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:var(--s3)}.stamp-line{height:1px;width:28px;background:var(--accent)}@keyframes window-arrive{from{opacity:0;transform:translate3d(70px,30px,-100px) rotateY(-25deg) rotateZ(4deg)}to{opacity:1;transform:rotateY(-8deg) rotateX(7deg) rotateZ(-2deg)}}@keyframes plan-arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
.connection-strip{display:flex;justify-content:space-between;align-items:center;padding-block:var(--s6);border-block:1px solid var(--line);gap:var(--s8)}.connection-strip>span{color:var(--muted);font-size:var(--text-sm)}.connection-strip strong{color:var(--ink);font-weight:500}.connection-strip>div{display:flex;align-items:center;gap:var(--s4);font-size:var(--text-sm)}.connection-strip [data-icon]{color:var(--muted)}.connection-strip i{width:56px;height:1px;background:var(--line);position:relative;overflow:hidden}.connection-strip i::after{content:'';position:absolute;width:25px;inset-block:0;background:var(--accent);animation:travel 3s linear infinite}@keyframes travel{from{translate:-25px 0}to{translate:80px 0}}
.product-section{padding-block:var(--s24) var(--s20)}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:var(--s10);gap:var(--s10)}.section-intro h2{margin-top:var(--s5)}.section-intro>p{font-size:var(--text-base);color:var(--muted);padding-bottom:var(--s1)}.product-theatre{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 16px 50px -40px #171f1780}.module-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--soft)}.module-tabs button{display:flex;align-items:center;gap:var(--s3);min-height:78px;padding:var(--s5) var(--s6);text-align:left;border-bottom:2px solid transparent;position:relative;color:var(--muted);font-size:var(--text-sm)}.module-tabs button+button{border-left:1px solid var(--line)}.module-tabs button.active{color:var(--ink);background:var(--surface);border-bottom-color:var(--accent)}.module-tabs button>span:first-child{font-size:var(--text-xs);color:var(--muted)}.module-tabs button [data-icon]{margin-left:auto}.module-tabs button.active [data-icon]{color:var(--accent)}.module-panel{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:var(--s10);padding:var(--s8);align-items:start}.module-story{padding-top:var(--s2);min-width:0}.module-kicker{font-size:var(--text-xs);color:var(--accent);font-weight:700;letter-spacing:.09em}.module-story h3{margin-top:var(--s4);margin-bottom:var(--s5);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.07}.module-story>p{font-size:var(--text-sm);color:var(--muted);line-height:1.65}.scene-options{display:flex;flex-direction:column;gap:var(--s2);margin-block:var(--s6)}.scene-option{display:flex;gap:var(--s3);align-items:center;text-align:left;width:100%;padding:var(--s3);border-radius:5px;font-size:var(--text-sm);min-height:44px;border:1px solid transparent}.scene-option .step-no{font-size:var(--text-xs);color:var(--muted)}.scene-option.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.scene-option.active .step-no{color:var(--accent)}.scene-option:hover{background:var(--soft)}.why-box{border-top:1px solid var(--line);padding-top:var(--s5)}.why-box>span{font-size:var(--text-xs);letter-spacing:.09em;font-weight:700}.why-box p{margin-top:var(--s2);font-size:var(--text-sm);color:var(--muted)}.module-screen{min-width:0}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s3);min-height:48px}.screen-toolbar>div{display:flex;gap:var(--s2);align-items:center;font-size:var(--text-xs);color:var(--muted)}.screen-toolbar .icon-btn{width:36px;min-width:44px;height:36px;min-height:44px}.screen-image{position:relative;display:block;padding:0;border:1px solid var(--line);background:#f4f4f4;width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:8px;cursor:zoom-in}.screen-image img{width:100%;height:100%;object-fit:contain;display:block}.screen-image.changing img{animation:screen-in .5s var(--ease)}@keyframes screen-in{from{opacity:.1;transform:translateX(18px) scale(.99)}to{opacity:1;transform:none}}.zoom-hint{position:absolute;bottom:var(--s3);right:var(--s3);background:#20261fea;color:white;padding:var(--s2) var(--s3);border-radius:4px;display:flex;gap:var(--s2);align-items:center;font-size:var(--text-xs);opacity:0;transition:opacity .2s}.screen-image:hover .zoom-hint,.screen-image:focus-visible .zoom-hint{opacity:1}.zoom-hint svg{width:14px;height:14px}.context-tray{display:flex;gap:var(--s4);padding:var(--s5);margin-top:var(--s4);background:var(--soft);border-radius:6px;min-height:100px;align-items:start}.context-icon{color:var(--accent);padding-top:var(--s1)}.context-tray strong{font-size:var(--text-sm)}.context-tray p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--s1);line-height:1.5}.screen-foot{display:flex;gap:var(--s4);justify-content:space-between;margin-top:var(--s3);font-size:var(--text-xs);color:var(--muted)}.screen-foot span{max-width:70%}.screen-foot a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.tour-controls{display:flex;gap:var(--s6);align-items:center;border-top:1px solid var(--line);padding:var(--s4) var(--s8);font-size:var(--text-xs)}.tour-hint{margin-left:var(--s3);color:var(--muted)}.tour-progress{flex:1;height:2px;background:var(--line);overflow:hidden}.tour-progress span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.transport{display:flex;gap:var(--s2);align-items:center}.transport .icon-btn{border:0}.play-button{display:flex;align-items:center;gap:var(--s2);min-height:44px;font-size:var(--text-xs);white-space:nowrap;padding:var(--s2)}.play-button svg{width:16px;height:16px}.demo-caption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s4)}
.channels-section{background:var(--dark);color:#f5f6ee;overflow:hidden;padding-block:var(--s20)}.channel-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s20);align-items:center}.channels-section .muted{color:#909b8a}.channel-copy h2{margin-block:var(--s6)}.channel-copy>p{color:#adb6a7;max-width:43ch}.channel-detail{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid #ffffff20}.channel-number{font-size:var(--text-xs);color:#ff955f;letter-spacing:.12em}.channel-detail h3{margin-block:var(--s3);font-size:var(--text-xl)}.channel-detail p{color:#c1c8ba;font-size:var(--text-sm);min-height:3lh;max-width:42ch}.channel-detail .tag{margin-top:var(--s4);border-color:#ffffff30;color:#e6eadf}.channel-copy .channel-caveat{margin-top:var(--s6);font-size:var(--text-xs);color:#a7b19e}.channel-universe{position:relative;aspect-ratio:1;min-width:0;isolation:isolate}.channel-universe canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.universe-core{position:absolute;inset:34%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.core-logo{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:800;letter-spacing:-.08em;line-height:1}.core-logo span{color:#ff8952}.universe-core small{font-size:var(--text-xs);letter-spacing:.15em;margin-top:var(--s2)}.channel-node{position:absolute;width:100px;height:86px;display:flex;flex-direction:column;gap:var(--s2);align-items:center;justify-content:center;border:1px solid #ffffff24;border-radius:9px;background:#252e26;color:#b6c1af;transition:background .25s,border .25s,transform .25s}.channel-node svg{width:28px;height:28px}.channel-node strong{font-size:var(--text-xs);font-weight:500}.channel-node:hover{transform:translateY(-3px);border-color:#ff8952}.channel-node.active{border-color:#fa7744;background:#403128;color:#ffc4a4}.channel-node[data-channel=display]{top:4%;left:calc(50% - 50px)}.channel-node[data-channel=social]{top:25%;right:0}.channel-node[data-channel=dooh]{bottom:20%;right:0}.channel-node[data-channel=video]{bottom:0;left:calc(50% - 50px)}.channel-node[data-channel=audio]{bottom:20%;left:0}.channel-node[data-channel=ctv]{top:25%;left:0}.universe-instruction{position:absolute;bottom:-7%;left:0;width:100%;text-align:center;font-size:var(--text-xs);color:#9ba791}
.difference{padding-block:var(--s24)}.difference-header{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s5) var(--s20);align-items:end}.difference-header .eyebrow{grid-column:1/-1}.difference-header p{color:var(--muted);max-width:37ch;padding-bottom:var(--s2)}.difference-rows{margin-top:var(--s12);border-top:1px solid var(--line)}.difference-rows article{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:var(--s8);padding-block:var(--s8);border-bottom:1px solid var(--line);align-items:start}.row-index{color:var(--accent);font-size:var(--text-xs);padding-top:var(--s2)}.difference-rows h3{font-size:var(--text-xl);margin-bottom:var(--s3)}.difference-rows p{max-width:65ch;color:var(--muted);font-size:var(--text-sm)}.row-pill{font-size:var(--text-xs);border:1px solid var(--line);padding:var(--s2) var(--s3);border-radius:20px;white-space:nowrap;margin-top:var(--s2)}
.pricing{padding-block:var(--s16) var(--s24);display:grid;grid-template-columns:1fr 1fr;gap:var(--s20)}.pricing h2{margin-top:var(--s6)}.price-detail{border-top:2px solid var(--ink);padding-top:var(--s8)}.price-zero{font-family:var(--font-display);font-size:6rem;letter-spacing:-.06em;line-height:1}.price-zero>span{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:0;margin-left:var(--s3)}.price-detail>p{color:var(--muted);margin-top:var(--s5)}.included{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s6)}.included span{border:1px solid var(--line);padding:var(--s2) var(--s3);font-size:var(--text-xs);border-radius:4px}.price-detail small{display:block;color:var(--muted);font-size:var(--text-xs)}.text-link{display:flex;justify-content:space-between;padding-block:var(--s5);margin-top:var(--s6);border-block:1px solid var(--line);font-size:var(--text-sm);font-weight:700}.text-link:hover{color:var(--accent)}
.contact-section{background:var(--soft);padding-block:var(--s20)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20)}.contact-grid h2{margin-block:var(--s6)}.contact-grid>div>p{color:var(--muted);max-width:40ch}.contact-person{display:block;font-size:var(--text-xs);margin-top:var(--s6)}.contact-form{background:var(--surface);padding:var(--s8);border:1px solid var(--line);border-radius:10px;align-self:start;display:grid;gap:var(--s5)}.form-heading{display:flex;flex-direction:column;align-items:start;gap:var(--s3);margin-bottom:var(--s2)}.form-heading h3{font-size:var(--text-xl)}.contact-form label{font-size:var(--text-xs);font-weight:500;display:block}.contact-form input:not([type=checkbox]){display:block;width:100%;min-height:48px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:var(--s3);margin-top:var(--s2);font-size:var(--text-sm)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.contact-form fieldset{border:0;padding:0}.contact-form legend{font-size:var(--text-xs);margin-bottom:var(--s3)}.contact-form fieldset label{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s3) 0;min-height:44px}.contact-form input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.contact-form .button{width:100%;justify-content:space-between}.form-notice{font-size:var(--text-xs);color:var(--muted);line-height:1.5}#formResult{font-size:var(--text-sm)}#formResult:empty{display:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding-block:var(--s8);font-size:var(--text-xs);color:var(--muted)}.footer .brand{color:var(--ink);font-size:1.3rem}.text-button{min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:var(--text-xs)}
.image-dialog{width:min(1500px,96vw);max-height:94dvh;padding:var(--s5);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;margin:auto;overflow:auto}.image-dialog::backdrop{background:#101b18da;backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding-bottom:var(--s4)}.dialog-head strong{font-size:var(--text-base)}.dialog-head p{font-size:var(--text-xs);color:var(--muted)}.image-dialog>img{max-height:75dvh;object-fit:contain;width:100%;background:#eee;border-radius:6px}.dialog-source{display:flex;justify-content:space-between;gap:var(--s5);font-size:var(--text-xs);color:var(--muted);padding-top:var(--s4)}.dialog-source a{text-decoration:underline;white-space:nowrap}.reveal{opacity:1;transition:opacity .65s ease}.js-reveal:not(.seen){opacity:.35}
@media(min-width:1600px){.hero-scene{max-height:610px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.nav-links{gap:var(--s5)}.hero{padding-top:var(--s12);gap:var(--s5);min-height:600px}.hero-scene{aspect-ratio:1/1.1}.hero-window{top:24%}.hero-note{font-size:var(--text-sm)}.hero-actions{gap:var(--s4)}.hero-actions .small-note{display:none}.connection-strip>div{gap:var(--s3)}.connection-strip i{width:24px}.module-panel{grid-template-columns:240px minmax(0,1fr);gap:var(--s6);padding:var(--s6)}.module-tabs button{padding:var(--s4);gap:var(--s2)}.module-tabs button [data-icon]{display:none}.channel-layout{gap:var(--s10)}.channel-node{width:80px;height:76px}.channel-node[data-channel=display],.channel-node[data-channel=video]{left:calc(50% - 40px)}.contact-grid{gap:var(--s10)}}
@media(max-width:850px){.nav-links{display:none}.nav{height:68px}.hero{grid-template-columns:1fr;gap:0;padding-top:var(--s12)}.hero h1{font-size:clamp(3.7rem,10vw,5.8rem)}.hero-copy{max-width:590px}.hero-note{font-size:var(--text-base)}.hero-scene{width:min(630px,100%);aspect-ratio:1.4;justify-self:center;min-height:380px;margin-top:var(--s5)}.hero-window{width:82%;left:8%;top:16%;transform:rotateY(-6deg) rotateZ(-2deg)}.floating-plan{bottom:0;right:1%}.scene-coordinate{top:0}.scene-stamp{display:none}.connection-strip{align-items:start}.connection-strip>div{flex-wrap:wrap;justify-content:flex-end;max-width:400px}.connection-strip i{width:20px}.connection-strip>span{white-space:nowrap}.section-intro{align-items:start}.section-intro>p{max-width:32ch;font-size:var(--text-sm)}.product-section{padding-block:var(--s16)}.module-panel{grid-template-columns:1fr}.module-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s6)}.module-kicker{grid-column:1/-1}.module-story h3{margin:0;font-size:var(--text-xl)}.module-story>p{margin:0}.scene-options{grid-column:1/-1;flex-direction:row;margin:var(--s3) 0 0;flex-wrap:wrap;gap:var(--s2)}.scene-option{width:auto;flex:1;padding:var(--s3);white-space:nowrap;font-size:var(--text-xs)}.why-box{grid-column:1/-1;padding-top:var(--s3);display:none}.module-tabs button{min-height:70px;flex-direction:column;align-items:start;justify-content:center}.module-tabs button strong{font-size:var(--text-xs)}.context-tray{min-height:90px}.tour-controls{padding:var(--s3) var(--s5);gap:var(--s3)}.tour-hint{display:none}.channel-layout{grid-template-columns:1fr 1fr;gap:var(--s6)}.channel-universe{min-height:360px}.channel-node{width:66px;height:66px}.channel-node[data-channel=display],.channel-node[data-channel=video]{left:calc(50% - 33px)}.channel-node svg{width:24px;height:24px}.universe-core small{display:none}.universe-core .core-logo{font-size:4rem}.channel-copy h2{font-size:clamp(2rem,5vw,3rem)}.difference-header{gap:var(--s5) var(--s8)}.difference-rows article{grid-template-columns:24px 1fr;gap:var(--s5)}.row-pill{display:none}.pricing{gap:var(--s10)}.contact-grid{grid-template-columns:1fr}.contact-grid h2 br:nth-child(2){display:none}.contact-form{max-width:650px;width:100%}.footer{flex-wrap:wrap}}
@media(max-width:580px){.shell{width:calc(100% - 40px)}.brand{font-size:1.3rem;gap:var(--s1)}.brand-mark{width:24px}.nav-right{gap:var(--s2)}.nav-right .small{padding:var(--s2) var(--s3);font-size:var(--text-xs)}.nav-right .icon-btn{width:36px;border:0}.nav{gap:var(--s2)}.hero{padding-block:var(--s10) var(--s12);min-height:0}.hero h1{font-size:clamp(3.5rem,13vw,4.6rem)}.hero-lead{font-size:var(--text-base)}.hero-note{font-size:var(--text-sm)}.hero-actions{margin-block:var(--s6)}.hero-scene{min-height:280px;aspect-ratio:1.2;margin-top:var(--s6)}.hero-window{width:96%;left:0;top:10%}.window-bar{font-size:.65rem}.window-dots{display:none}.hero-window-foot{font-size:var(--text-xs);padding:var(--s2)}.floating-plan{padding:var(--s3);gap:var(--s3);bottom:0}.floating-plan small{display:none}.floating-plan .mini-symbol svg{width:24px;height:24px}.scene-coordinate{display:none}.connection-strip{flex-direction:column;gap:var(--s4)}.connection-strip>span br{display:none}.connection-strip>span strong{margin-left:var(--s2)}.connection-strip>div{justify-content:start;font-size:var(--text-xs);gap:var(--s2);width:100%;flex-wrap:wrap}.connection-strip i{width:15px}.connection-strip [data-icon] svg{width:16px;height:16px}.connection-strip [data-icon]:nth-of-type(n+3){display:none}.section-intro{flex-direction:column;gap:var(--s5);margin-bottom:var(--s6)}.section-intro h2 br{display:none}.section-intro h2{font-size:2.7rem}.section-intro>p br{display:none}.section-intro>p .small-note{display:block;margin-top:var(--s2)}.product-section{padding-block:var(--s12)}.module-tabs button{padding:var(--s3) var(--s2);min-height:70px;gap:var(--s1)}.module-tabs button strong{font-size:.75rem;letter-spacing:-.02em}.module-tabs button>span:first-child{font-size:.75rem}.module-panel{padding:var(--s4);gap:var(--s4)}.module-story{grid-template-columns:1fr;gap:var(--s3)}.module-kicker{font-size:var(--text-xs)}.module-story h3{font-size:1.7rem;max-width:22ch}.module-story h3 br{display:none}.module-story>p{font-size:var(--text-sm)}.scene-options{gap:var(--s1);flex-wrap:wrap}.scene-option{padding:var(--s2);min-width:0;white-space:normal;text-align:left;gap:var(--s2)}.scene-option .step-no{display:none}.screen-image{aspect-ratio:1.4}.screen-toolbar{padding-bottom:var(--s2)}.context-tray{padding:var(--s3);gap:var(--s3);min-height:120px}.context-tray p{font-size:var(--text-xs)}.context-tray strong{font-size:var(--text-sm)}.screen-foot{flex-direction:column;gap:var(--s2)}.screen-foot span{max-width:100%}.tour-controls{padding:var(--s3);gap:var(--s2)}.transport{gap:0}.transport .icon-btn{width:36px;min-width:36px}.play-button{padding:var(--s1)}.play-button span:last-child{max-width:90px}.tour-progress{min-width:16px}.channels-section{padding-block:var(--s12) var(--s16)}.channel-layout{grid-template-columns:1fr;gap:var(--s8)}.channel-copy h2 br{display:none}.channel-copy h2{font-size:2.7rem}.channel-copy>p{font-size:var(--text-sm)}.channel-detail{margin-top:var(--s6);padding-top:var(--s5)}.channel-detail p{min-height:3lh}.channel-universe{min-height:330px;aspect-ratio:1;max-width:450px;width:100%;justify-self:center;margin-bottom:var(--s5)}.channel-node{width:76px;height:68px}.channel-node[data-channel=display],.channel-node[data-channel=video]{left:calc(50% - 38px)}.difference{padding-block:var(--s16)}.difference-header{grid-template-columns:1fr}.difference-header h2{font-size:2.7rem}.difference-rows{margin-top:var(--s8)}.difference-rows article{padding-block:var(--s6);gap:var(--s3)}.difference-rows h3{font-size:1.6rem}.pricing{grid-template-columns:1fr;padding-block:0 var(--s16);gap:var(--s8)}.pricing h2{font-size:2.8rem}.price-zero{font-size:5rem}.contact-section{padding-block:var(--s12)}.contact-grid{gap:var(--s8)}.contact-grid h2{font-size:2.8rem}.contact-form{padding:var(--s5)}.form-pair{grid-template-columns:1fr}.footer{flex-direction:column;align-items:start;gap:var(--s4)}.image-dialog{padding:var(--s3)}.dialog-source{flex-direction:column;gap:var(--s2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
/* Keep the decorative sphere strictly behind every product capture, including
   within an opaque-origin embedded preview with its own compositing layers. */
.hero-scene{isolation:isolate}
.hero-sphere{z-index:-1;pointer-events:none}
.hero-window{z-index:2}
.floating-plan{z-index:3}
.scene-coordinate,.scene-stamp{z-index:4}
@media(max-width:580px){
  .nav-right .small{gap:var(--s2);white-space:nowrap;font-size:var(--text-xs)}
  .nav .brand{font-size:1.15rem}
  .nav .brand-mark{width:21px;margin-right:0}
.nav-right .icon-btn{width:32px}
}
[hidden]{display:none!important}
.module-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.module-tabs button{padding-inline:var(--s4)}
.screen-actions{display:flex;align-items:center;gap:var(--s2)}
.guide-trigger{min-height:44px;padding:var(--s2) var(--s3);font-size:var(--text-xs);border:1px solid var(--line);border-radius:5px;white-space:nowrap}
.guide-trigger:hover{color:var(--accent);border-color:var(--accent)}
.screen-stage{position:relative;isolation:isolate}
.guide-spotlight{position:absolute;pointer-events:none;border:3px solid var(--accent);border-radius:7px;z-index:2;box-shadow:0 0 0 1500px #13221850;clip-path:inset(-800px);transition:all .35s var(--ease)}
.screen-stage.explaining{overflow:hidden;border-radius:8px}
.inline-guide{position:absolute;z-index:5;right:var(--s3);bottom:var(--s3);width:min(440px,calc(100% - 24px));padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 45px #0003}
.guide-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:var(--text-xs);color:var(--accent);letter-spacing:.09em}
.guide-head button{font-size:24px;width:36px;height:36px;color:var(--muted)}
.inline-guide>strong{font-size:var(--text-base);display:block;margin-block:var(--s2)}
.inline-guide>p{font-size:var(--text-sm);color:var(--muted);line-height:1.5}
.guide-controls{display:flex;justify-content:space-between;margin-top:var(--s4);gap:var(--s4)}
.guide-controls button{min-height:40px;padding:var(--s2) var(--s3);font-size:var(--text-xs);border-radius:4px;border:1px solid var(--line)}
.guide-controls button:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.guide-controls button:disabled{opacity:.35;cursor:default}
.screen-foot{align-items:start}.screen-foot .text-button{min-height:32px;text-align:right;white-space:nowrap}
.mmm-demo{background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:490px;color:var(--ink)}
.mmm-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4);border-bottom:1px solid var(--line);font-size:var(--text-xs);background:var(--surface)}
.mmm-top>span{color:var(--accent);font-size:var(--text-xs);letter-spacing:.05em}
.mmm-body{padding:var(--s6)}
.mmm-body h4{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--s3)}
.mmm-body>p{font-size:var(--text-sm);color:var(--muted)}
.mmm-data{display:grid;gap:var(--s2);margin-block:var(--s5)}
.mmm-data label{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm);padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:4px}
.mmm-data small{font-size:var(--text-xs);color:var(--muted);margin-left:auto}
.mmm-demo input{accent-color:var(--accent)}
.mmm-action{display:inline-flex;background:var(--ink);color:var(--bg);padding:var(--s3) var(--s4);min-height:44px;font-size:var(--text-sm);border-radius:4px}
.mmm-action:disabled{opacity:.35;cursor:not-allowed}
.mmm-help{font-size:var(--text-xs)!important;margin-top:var(--s3);color:var(--muted)}
.mmm-disclaimer{padding:var(--s3) var(--s4);font-size:var(--text-xs);background:var(--accent-soft);color:var(--ink);border-top:1px solid var(--line)}
.mmm-gate{padding-block:var(--s12);max-width:400px;margin:auto;text-align:center;display:grid;gap:var(--s4);justify-items:center}
.mmm-gate svg{width:32px;height:32px;color:var(--accent)}.mmm-gate p{font-size:var(--text-sm);color:var(--muted)}
.mmm-stack{display:flex;height:88px;border-radius:6px;overflow:hidden;margin-block:var(--s6)}
.mmm-stack span{display:flex;align-items:center;justify-content:center;background:#384b3c;color:white;font-weight:700;font-size:var(--text-base)}
.mmm-stack span:nth-child(2){background:#ec5b27}.mmm-stack span:nth-child(3){background:#b1b7a8;color:#18231a}
.mmm-legend{margin-bottom:var(--s5)}.mmm-legend p{display:flex;gap:var(--s3);align-items:center;padding-block:var(--s2);font-size:var(--text-sm)}
.mmm-legend p>span{margin-left:auto}.mmm-legend i{width:10px;height:10px;background:#384b3c}.mmm-legend p:nth-child(2) i{background:#ec5b27}.mmm-legend p:nth-child(3) i{background:#b1b7a8}
.mmm-insight{font-size:var(--text-sm);padding:var(--s4);background:var(--surface);margin-bottom:var(--s5)}
.mmm-budget{display:block;font-size:var(--text-xs);margin-block:var(--s5)}
.mmm-budget strong{float:right;font-size:var(--text-base)}.mmm-budget input{display:block;width:100%;margin-top:var(--s4)}
.mmm-mix{display:grid;gap:var(--s4);margin-bottom:var(--s5)}
.mmm-channel{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:var(--s2)}
.mmm-channel label{grid-column:1/-1;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--s2)}
.mmm-channel label small{font-size:var(--text-xs);color:var(--muted);margin-left:auto}
.mmm-bar{display:grid;gap:3px;align-content:center}.mmm-bar span,.mmm-bar b{display:block;height:7px;border-radius:2px;transition:width .5s var(--ease)}
.mmm-bar span{background:#b0b8ab}.mmm-bar b{background:var(--accent)}
.mmm-amount{font-size:var(--text-xs);text-align:right;color:var(--muted)}
.form-honey{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}
.inline-guide.guide-left{left:var(--s3);right:auto}
.contact-form textarea{width:100%;display:block;margin-top:var(--s2);padding:var(--s3);border:1px solid var(--line);border-radius:5px;background:var(--bg);font-size:var(--text-sm);resize:vertical}
.privacy-check{display:flex!important;gap:var(--s3);align-items:start;font-size:var(--text-xs)!important;line-height:1.55;font-weight:400!important}
.privacy-check input{margin-top:var(--s1);flex-shrink:0}.privacy-check a{text-decoration:underline;text-underline-offset:2px}
.contact-form button:disabled{opacity:.5;cursor:wait}.form-success{color:#267349}
@media(max-width:850px){.inline-guide,.inline-guide.guide-left{position:relative;right:auto;left:auto;bottom:auto;width:100%;margin-top:var(--s3)}.guide-spotlight{box-shadow:none}.screen-stage.explaining{overflow:visible}.module-tabs button{padding-inline:var(--s3)}.mmm-demo{min-height:0}}
@media(max-width:580px){.module-tabs{display:flex;overflow-x:auto}.module-tabs button{flex:0 0 105px;min-width:105px;padding:var(--s3)}.screen-toolbar{flex-wrap:wrap;gap:var(--s2)}.screen-actions{margin-left:auto}.mmm-top{flex-direction:column;align-items:start}.mmm-body{padding:var(--s4)}.mmm-body h4{font-size:1.5rem}.mmm-channel{grid-template-columns:1fr 104px}.mmm-data label{font-size:var(--text-xs);padding:var(--s3) var(--s2)}.inline-guide{padding:var(--s4)}.guide-trigger{padding-inline:var(--s2)}}