:root{--bg:#08090b;--panel:#111315;--ink:#f1f2f3;--muted:#92999f;--line:#ffffff26;--accent:#bcecc8;color-scheme:dark;font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}button{border-radius:0}::selection{background:var(--accent);color:#08090b}.page-width{width:calc(100% - 104px);max-width:1512px;margin-inline:auto}.section-space{padding-top:122px}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;padding:14px 20px;background:var(--accent);color:#000}.skip-link:focus{top:12px}.eyebrow,.header-label,.section-label,.scope-line,.runtime-topbar,.hero-footer,.demo-caption,.source-details,.site-footer{font-family:monospace;font-size:10px;letter-spacing:.6px}.site-header{height:76px;display:flex;align-items:center;gap:40px;padding:0 42px;background:#08090bf2;border-bottom:1px solid var(--line);position:relative;z-index:8}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.5px;display:flex;gap:9px;align-items:center}.wordmark span{font-size:25px;color:var(--accent);font-weight:400}.header-label{color:var(--muted);font-size:9px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:11px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--accent)}.header-right{display:flex;align-items:center;gap:29px}.language-switch{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.language-switch button{border:0;background:none;color:var(--muted);padding:12px 2px;font-size:10px}.language-switch button[aria-pressed=true]{color:white}.original-link{border:1px solid #ffffff42;padding:11px 14px;display:flex;gap:25px;font-size:10px}.original-link:hover{background:var(--ink);color:var(--bg)}
.motion-hero{scroll-margin-top:76px;background:#06080b}.hero-stage{height:calc(100svh - 76px);min-height:580px;max-height:1200px;position:relative;overflow:hidden;background:#080d15 url('assets/v9/walk-a.webp') 62% center/cover}.hero-stage>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hero-copy{position:absolute;left:4%;bottom:115px;pointer-events:none;text-shadow:0 2px 28px #0008;transition:opacity .7s,transform .7s;max-width:85%}.hero-copy .eyebrow{font-size:11px;letter-spacing:2px}.hero-copy h1{font-size:clamp(88px,10vw,240px);line-height:1.05;font-weight:600;letter-spacing:-.07em;margin:13px 0 15px}.hero-copy p{font-size:12px;letter-spacing:.3px}.motion-hero[data-film-started=true] .hero-copy{opacity:0;transform:translateY(-10px)}.hero-footer{height:70px;padding:0 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.film-name{font-size:11px;color:#ccd0d3;letter-spacing:1px}.film-name small{margin-left:18px;font-size:9px;color:var(--muted)}.film-chapters{display:flex;gap:24px;margin-left:auto}.film-chapters button{border:0;background:none;color:var(--muted);font-family:monospace;font-size:10px;padding:12px 0;letter-spacing:.5px}.film-chapters button small{font-size:8px;margin-right:7px;color:#697279}.film-chapters button[aria-pressed=true]{color:var(--accent)}.hero-scroll{display:flex;gap:24px;margin-left:30px;color:var(--ink);font-size:9px}
.section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:50px;color:var(--muted);font-size:9px}.section-label>span:first-child{color:var(--accent);letter-spacing:1px}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.context-grid>h2{font-size:clamp(60px,8vw,138px);font-weight:500;letter-spacing:-.065em;line-height:1}.context-content h3{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.4;letter-spacing:-1.5px;white-space:pre-line;word-break:keep-all}.context-facts{margin-top:38px}.context-facts>div{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.context-facts dt{font-size:10px;color:var(--muted)}.context-facts dd{color:#c9ced1;word-break:keep-all}.scope-line{color:var(--muted);font-size:8px;margin-top:25px;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,3.5vw,56px);font-weight:500;letter-spacing:-1.8px;line-height:1.25;word-break:keep-all}.section-heading p{max-width:510px;color:var(--muted);font-size:12px;line-height:1.8;word-break:keep-all}.runtime-shell{width:calc(100% - 48px);max-width:1664px;margin-inline:auto;border:1px solid #ffffff30;border-radius:3px;overflow:hidden;background:#f7faf9;color:#153941}.runtime-topbar{height:50px;display:flex;align-items:center;gap:20px;padding:0 22px;background:#181b1f;color:#d6dcdf;border-bottom:1px solid #3c454d;font-size:9px}.runtime-topbar>span:first-child{letter-spacing:1px}.live-indicator{font-size:8px;color:var(--accent);display:flex;gap:6px;align-items:center}.live-indicator:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}.runtime-topbar>a{margin-left:auto;color:#adb6bc;display:flex;gap:12px;font-size:9px}.runtime-topbar>a:hover{color:white}.cyreb-runtime{display:block;border:0;width:100%;height:1100px;background:#f7faf9;color-scheme:light}iframe[data-view=compare]{height:1200px}#explore-runtime{height:1800px}.explore-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:34px 0 24px}.explore-tabs button{border:0;border-bottom:2px solid transparent;padding:17px 23px 18px;background:none;color:var(--muted);display:flex;gap:12px;align-items:center;font-size:12px;white-space:nowrap}.explore-tabs button:first-child{padding-left:0}.explore-tabs button>small{font-family:monospace;font-size:8px;color:#606970}.explore-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.explore-tabs button[aria-selected=true]>small{color:var(--accent)}.demo-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:15px;gap:20px;line-height:1.8}.demo-caption a{color:#c1c9ce;white-space:nowrap}
.reference-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.reference-layout>h2{font-size:clamp(30px,4.4vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1.1}.reference-row{display:flex;justify-content:space-between;gap:25px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.reference-row:first-child{padding-top:0}.reference-row>span{max-width:290px;text-align:right;color:var(--muted);font-size:11px;word-break:keep-all}.reference-row a:hover{color:var(--accent)}.cyreb-row strong{color:var(--accent);font-weight:500}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.decision-grid>div{padding-top:25px;border-top:1px solid var(--line)}.decision-grid>div>span{font-family:monospace;font-size:10px;color:var(--muted)}.decision-grid h3{font-size:20px;font-weight:500;margin:28px 0 12px;letter-spacing:-.5px}.decision-grid p{font-size:12px;color:var(--muted);line-height:1.8}.future-intro{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:55px}.future-intro h2{font-size:clamp(60px,8vw,130px);font-weight:500;letter-spacing:-.06em;line-height:1}.future-intro p{font-size:18px;line-height:1.6;letter-spacing:-.4px;color:#c0c7cc;word-break:keep-all}.future-row{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.future-row:last-child{border-bottom:1px solid var(--line)}.future-row>span{font-family:monospace;font-size:10px;color:var(--accent)}.future-row h3{font-size:24px;font-weight:500;letter-spacing:-.6px}.future-row p{font-size:12px;color:var(--muted);line-height:1.8;word-break:keep-all}.project-end>.eyebrow{display:block;color:var(--muted);font-size:9px;padding-top:20px;border-top:1px solid var(--line)}.project-end>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(70px,13vw,200px);letter-spacing:-.065em;font-weight:500;padding:25px 0 50px;line-height:1}.project-end>a>span{font-size:.6em;font-weight:300;color:var(--accent)}.project-end>a:hover{color:var(--accent)}.source-details{border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.9;padding-top:20px}.source-details summary{cursor:pointer;width:fit-content}.source-details p{max-width:850px;margin-top:24px;line-height:2.2}.source-details>a{display:inline-block;margin-top:16px;color:var(--ink)}.site-footer{display:flex;gap:30px;font-size:9px;color:var(--muted);padding:36px 0 30px}.site-footer a{margin-left:auto}
@media(min-width:1900px){.page-width{max-width:1664px}.hero-copy h1{font-size:230px}.hero-copy p{font-size:14px}}
@media(max-width:1100px){.site-header{gap:26px;padding-inline:28px}.header-label{display:none}.page-width{width:calc(100% - 72px)}.section-space{padding-top:90px}.context-grid,.reference-layout{gap:5vw}.hero-scroll{margin-left:10px}.film-chapters{gap:20px}.explore-tabs button{padding-inline:18px;font-size:11px}.context-facts>div{grid-template-columns:75px 1fr;font-size:11px}.reference-row{display:block}.reference-row>span{display:block;text-align:left;max-width:none;margin-top:6px}.future-row{grid-template-columns:45px 1fr 1fr;gap:20px}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:66px;padding-inline:20px;gap:20px}.wordmark{font-size:23px}.site-header nav{gap:18px;font-size:9px}.header-right{gap:0}.original-link{display:none}.language-switch{gap:4px}.language-switch button{font-size:9px}.hero-stage{height:calc(100svh - 66px);min-height:580px;max-height:900px}.hero-copy{left:24px;bottom:130px;max-width:calc(100% - 48px)}.hero-copy h1{font-size:92px;letter-spacing:-7px;margin-block:10px}.hero-copy .eyebrow{font-size:9px}.hero-copy p{font-size:10px;line-height:1.9;max-width:250px}.hero-footer{height:auto;min-height:90px;flex-wrap:wrap;padding:15px 24px;gap:12px 20px}.film-name{font-size:9px;flex:1}.film-name small{font-size:8px;margin-left:12px}.film-chapters{order:3;flex-basis:100%;justify-content:space-between;gap:10px}.film-chapters button{font-size:9px;padding-block:7px}.hero-scroll{font-size:8px;margin-left:0;gap:15px}.page-width{width:calc(100% - 40px)}.section-space{padding-top:76px}.section-label{font-size:8px;padding-top:16px;margin-bottom:30px;letter-spacing:.2px;line-height:1.8}.section-label>span:last-child{text-align:right}.context-grid,.reference-layout{grid-template-columns:1fr;gap:30px}.context-grid>h2{font-size:76px}.context-content h3{font-size:31px;letter-spacing:-1px;line-height:1.45}.context-facts{margin-top:27px}.context-facts>div{font-size:11px;grid-template-columns:65px 1fr;padding:16px 0;gap:14px}.context-facts dt{font-size:9px}.scope-line{font-size:7px;margin-top:20px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:31px;letter-spacing:-1.1px}.section-heading p{font-size:11px;margin-top:15px}.runtime-shell{width:calc(100% - 20px)}.runtime-topbar{height:44px;padding-inline:12px;gap:11px;font-size:8px}.runtime-topbar>span:first-child{font-size:7px;letter-spacing:.4px}.runtime-topbar>a{font-size:8px;gap:6px}.live-indicator{font-size:6px}.cyreb-runtime{height:1600px}iframe[data-view=compare]{height:1300px}#explore-runtime{height:2200px}.explore-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;margin-top:25px;margin-bottom:20px}.explore-tabs button{padding:15px 13px 16px;gap:8px;font-size:11px;min-height:48px;flex-shrink:0}.explore-tabs button>small{font-size:7px}.explore-tabs button:first-child{padding-right:14px}.demo-caption{font-size:8px;margin-top:12px;align-items:start}.demo-caption>span{max-width:230px}.reference-layout>h2{font-size:40px}.reference-row{font-size:12px;padding-block:20px}.reference-row>span{font-size:11px}.decision-grid{grid-template-columns:1fr;gap:0;margin-top:35px}.decision-grid>div{position:relative;padding:22px 0 25px 34px}.decision-grid>div>span{position:absolute;left:0;top:26px;font-size:9px}.decision-grid h3{font-size:18px;margin:0 0 10px}.decision-grid p{font-size:11px}.future-intro{display:block;margin-bottom:35px}.future-intro h2{font-size:80px}.future-intro p{font-size:16px;margin-top:24px}.future-row{grid-template-columns:25px 1fr;gap:12px 10px;padding-block:26px}.future-row>span{font-size:9px}.future-row h3{font-size:21px}.future-row p{grid-column:2;font-size:11px}.project-end>a{font-size:76px;padding:30px 0 45px}.source-details{font-size:8px}.site-footer{font-size:8px;gap:15px;padding-top:30px}}
@media(max-width:360px){.site-header{padding-inline:15px;gap:16px}.site-header nav{gap:13px;font-size:8px}.wordmark{font-size:21px}.hero-copy h1{font-size:78px}.context-grid>h2{font-size:66px}.hero-footer{padding-inline:20px}.runtime-topbar{padding-inline:9px;gap:8px}.live-indicator{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{transition:none}.motion-hero[data-film-started=true] .hero-copy{transform:none}}

.runtime-shell.is-loading .cyreb-runtime{opacity:.4}.cyreb-runtime{transition:opacity .18s ease}.runtime-shell.is-loading .live-indicator{color:#e1cc95}
@media(prefers-reduced-motion:reduce){.cyreb-runtime{transition:none}}

/* Intent and design criteria: compact copy beside the original product demos. */
.context-premise{margin-top:24px;font-size:14px;line-height:1.9;color:#afb8bf;white-space:pre-line;word-break:keep-all}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:65px}
.principles-grid>div{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.principles-grid>div>span{font:9px monospace;letter-spacing:.7px;color:var(--accent)}
.principles-grid h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:22px 0 12px;word-break:keep-all}
.principles-grid p{font-size:12px;line-height:1.8;color:var(--muted);word-break:keep-all}
.section-heading p,.decision-grid p,.future-row p{white-space:pre-line}
.future-premise{margin:-20px 0 40px auto;max-width:650px;font-size:14px;line-height:1.9;color:var(--muted);white-space:pre-line;word-break:keep-all}
@media(max-width:700px){
 .hero-stage{height:auto;min-height:0;max-height:none;background:#08090b}
 .hero-stage>iframe{position:relative;display:block;inset:auto;height:calc(100vw * 9 / 16 + 88px)}
 .hero-copy{position:relative;left:auto;bottom:auto;max-width:none;padding:25px 24px 30px;opacity:1!important;transform:none!important;text-shadow:none}
 .hero-copy h1{font-size:78px;margin:8px 0 10px;line-height:1}
 .hero-copy p{max-width:none}
 .context-premise{font-size:12px;margin-top:20px}
 .principles-grid{grid-template-columns:1fr;gap:24px;margin-top:38px}
 .principles-grid>div{padding-top:18px}
 .principles-grid h3{font-size:19px;margin:15px 0 8px}
 .principles-grid p{font-size:11px}
 .future-premise{margin:-10px 0 30px;font-size:12px}
}

/* Ownership is visible on the page rather than hidden inside catalog tabs. */
.ownership-links{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin:8px 0 30px;gap:0 36px}
.ownership-links a{font-size:11px;min-height:48px;display:flex;align-items:center;gap:24px;color:#c2cacf}
.ownership-links a span{color:var(--accent)}.ownership-links a:hover{color:var(--accent)}
.repair-flow{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;padding:20px 0 28px;color:var(--muted);font-size:11px}
.repair-flow>span[aria-hidden]{color:var(--accent)}
.ownership-section .cyreb-runtime{height:1150px}
@media(max-width:700px){.ownership-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ownership-links a{font-size:10px;gap:12px;justify-content:space-between}.repair-flow{gap:12px;font-size:10px}.ownership-section .cyreb-runtime{height:2400px}}
