:root{--content:78rem;--ink:#f5f5f3;--muted:#a5a5ab;--line:rgba(255,255,255,.11);--orange:#ff7b22;--amber:#ffb24a;--blue:#75a7ff;--focus:#ff9a42;--menu-bg:#111113;--modal-bg:#111113;--modal-ink:#f7f7f4;--modal-muted:#aaaab0;--modal-line:rgba(255,255,255,.15);--modal-field:#19191c;--modal-accent:#ff8b36;--modal-button-ink:#070707;--modal-success:#70dbb2;--modal-error:#ff8177}html{background:#050505}body{color:var(--ink);background:#050505}.site-header{color:#fff;background:rgba(4,4,4,.12)}.site-header.is-scrolled{background:rgba(4,4,4,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand img{filter:saturate(.95) brightness(1.2)}.header-tools{display:flex;align-items:center;gap:.7rem}.languages{border-color:var(--line);background:rgba(255,255,255,.05)}.language-button{filter:grayscale(.15)}.header-cta{color:#080808;background:#fff;border-radius:999px}.menu-button{border-color:var(--line);color:#fff}.hero{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:100svh;padding:9rem 1.25rem 2rem;overflow:hidden;background:#050505 url('/static/images/cinematic-poster.jpg') center/cover no-repeat}.motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.48),rgba(0,0,0,.16) 43%,#050505 91%),radial-gradient(circle at center,transparent 0,rgba(0,0,0,.25) 72%)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;max-width:70rem;margin:auto;text-align:center}.hero-badge{padding:.45rem .8rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d6d6d8;background:rgba(255,255,255,.06);backdrop-filter:blur(12px);font-size:.74rem;font-weight:650;letter-spacing:.04em}.hero h1{margin-top:1.8rem;font-size:clamp(3.5rem,7vw,7.2rem);font-weight:620;line-height:.88;letter-spacing:-.065em}.hero h1 em,.footer-cta em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero-inner>p:not(.hero-badge){max-width:43rem;margin-top:1.7rem;color:#b8b8bd;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.button{border-radius:999px}.button.light{color:#080808;background:#fff}.button.dark{color:#fff;border-color:rgba(255,255,255,.1);background:#1b1b1e}.button.dark:hover{background:#27272b}.marquee-block{position:relative;z-index:1;width:min(92rem,calc(100% + 2.5rem));margin-top:auto;padding-top:4rem}.marquee-block>p{text-align:center;color:#77777d;font-size:.76rem;font-weight:650}.marquee{margin-top:1.5rem;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{flex:none;padding-inline:2.4rem;color:#a5a5ab;font-size:.85rem;font-weight:650;letter-spacing:.05em}.marquee-track span::before{content:"✦";margin-right:.75rem;color:var(--orange)}@keyframes marquee{to{transform:translateX(-50%)}}.section{width:min(var(--content),calc(100% - 2.5rem))}.feature{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,7vw,7rem);align-items:center}.feature.reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.feature.reverse .feature-copy{order:2}.feature-copy h2{max-width:13ch;margin-top:1rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.feature-copy>p:not(.feature-label){max-width:34rem;margin-top:1.5rem;color:var(--muted)}.feature-label{font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.feature-label.amber{color:var(--amber)}.feature-label.blue{color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding-bottom:.35rem;border-bottom:1px solid currentColor;font-weight:700}.system-visual{position:relative;min-height:33rem;overflow:hidden;padding:1.2rem;border:1px solid var(--line);border-radius:2rem;background:#0c0c0e;box-shadow:0 40px 100px rgba(0,0,0,.45)}.visual-glow{position:absolute;inset:0;opacity:.58}.amber-visual .visual-glow{background:radial-gradient(circle at 70% 10%,rgba(255,120,30,.55),transparent 42%),radial-gradient(circle at 20% 90%,rgba(44,91,168,.35),transparent 45%)}.blue-visual .visual-glow{background:radial-gradient(circle at 15% 20%,rgba(53,105,210,.55),transparent 43%),radial-gradient(circle at 90% 80%,rgba(255,121,35,.3),transparent 40%)}.system-toolbar,.workflow,.system-command,.release-head,.release-track,.release-grid{position:relative;z-index:1}.system-toolbar{display:flex;justify-content:space-between;padding:.8rem 1rem;color:#7f7f86;font-size:.68rem;font-weight:700;letter-spacing:.11em}.live-dot{color:#c7c7ca}.live-dot::before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.5rem;border-radius:50%;background:#59d6a6;box-shadow:0 0 1rem #59d6a6}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.8rem;align-items:center;margin-top:6rem}.workflow-node{min-height:10rem;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:rgba(18,18,21,.84);backdrop-filter:blur(12px)}.workflow-node.active{border-color:rgba(255,148,66,.5);box-shadow:0 0 0 1px rgba(255,148,66,.15),0 20px 45px rgba(0,0,0,.3)}.workflow-node small,.release-head small,.release-grid small{color:#777780;font-size:.62rem;font-weight:750;letter-spacing:.11em}.workflow-node strong{display:block;margin-top:1.5rem;font-size:1rem}.workflow-node span{display:block;margin-top:.45rem;color:#898990;font-size:.72rem}.workflow-arrow{color:#6f6f76}.system-command{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;margin:5rem 1rem 0;padding:.8rem .9rem;border:1px solid var(--line);border-radius:999px;color:#898990;background:rgba(20,20,23,.92);font-size:.76rem}.command-send{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#111;background:#fff}.prompt-mark{color:var(--orange)}.release-head{display:flex;justify-content:space-between;align-items:end;margin:4.5rem 1rem 0;padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem;background:rgba(18,18,21,.78)}.release-head strong{display:block;margin-top:.45rem;font-size:1.6rem}.release-head>span{padding:.45rem .65rem;border-radius:999px;color:#8ae3bf;background:rgba(64,191,141,.12);font-size:.68rem}.release-track{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:2.2rem 1rem}.release-track i{height:.3rem;border-radius:999px;background:#29292e}.release-track i.complete{background:linear-gradient(90deg,#6297ff,#8fb4ff)}.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 1rem}.release-grid>div{padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:rgba(18,18,21,.8)}.release-grid strong,.release-grid span{display:block}.release-grid strong{margin-top:.8rem;font-size:.9rem}.release-grid span{margin-top:.35rem;color:#7d7d84;font-size:.7rem}.method{border-block:1px solid var(--line);background:#09090a}.method-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(4rem,8vw,8rem);padding-block:clamp(6rem,10vw,10rem)}.method-head{position:sticky;top:8rem;align-self:start}.method-head h2{max-width:11ch;margin-top:1rem;font-size:clamp(3rem,5vw,5.2rem);line-height:.94;letter-spacing:-.055em}.method-head>p:last-child{max-width:28rem;margin-top:1.5rem;color:var(--muted)}.method-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.method-list li{display:grid;grid-template-columns:4rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.method-list li>span{color:#696970;font-size:.8rem;font-weight:700;letter-spacing:.1em}.method-list h3{font-size:1.5rem}.method-list p{max-width:34rem;margin-top:.6rem;color:var(--muted)}.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,8vw,8rem)}.faq-head h2{max-width:10ch;margin-top:1rem;font-size:clamp(3rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.faq-list{border:1px solid var(--line);border-radius:1.2rem}.faq-list article+article{border-top:1px solid var(--line)}.faq-list h3{font-size:1rem}.faq-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;border:0;color:#fff;background:transparent;text-align:left;font-weight:650}.faq-list button i{position:relative;flex:none;width:1.1rem;height:1.1rem;margin-left:1rem}.faq-list button i::before,.faq-list button i::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#fff;transition:transform .2s ease}.faq-list button i::after{transform:rotate(90deg)}.faq-list button[aria-expanded="true"] i::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{padding:0 3.5rem 1.5rem 1.5rem;color:var(--muted);font-size:.88rem}.faq-list article.is-open .faq-answer{grid-template-rows:1fr}.cinematic-footer{position:relative;overflow:hidden;border-top:1px solid var(--line);background:#050505 url('/static/images/cinematic-poster.jpg') center/cover no-repeat}.footer-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#050505 0,rgba(5,5,5,.7) 36%,#050505 88%)}.footer-cta,.footer-grid,.footer-bottom{position:relative;z-index:1}.footer-cta{padding-top:9rem;padding-bottom:9rem;text-align:center}.footer-cta h2{max-width:17ch;margin:1rem auto 0;font-size:clamp(3.2rem,6vw,6rem);line-height:.94;letter-spacing:-.055em}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:3rem;padding-block:3rem;border-top:1px solid var(--line)}.footer-brand p{max-width:20rem;margin-top:1.2rem;color:var(--muted);font-size:.9rem}.footer-grid>div:not(.footer-brand){display:flex;align-items:flex-start;flex-direction:column;gap:.8rem}.footer-grid h3{margin-bottom:.5rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.footer-grid a,.footer-grid span{color:#96969d;font-size:.84rem}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;width:min(var(--content),calc(100% - 2.5rem));margin:auto;padding:2rem 0 3rem;border-top:1px solid var(--line);color:#74747b;font-size:.72rem}.back-link{color:#fff;border-color:var(--line);background:rgba(15,15,17,.78)}.contact-modal{border-radius:1.5rem}.contact-modal-close{border-radius:50%}.contact-modal-form input,.contact-modal-form textarea{border-radius:.8rem}.contact-modal-cancel,.contact-modal-submit{border-radius:999px}
@media(max-width:900px){.site-nav{background:#111113}.feature,.feature.reverse,.method-inner,.faq{grid-template-columns:1fr}.feature.reverse .feature-copy{order:0}.method-head{position:static}.system-visual{min-height:29rem}.faq-head h2{max-width:14ch}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}}
@media(max-width:700px){.hero{padding-top:7rem}.hero h1{font-size:clamp(3.25rem,15vw,5rem)}.hero-inner>p:not(.hero-badge){font-size:.94rem}.hero-actions{align-items:stretch;flex-direction:column;width:100%}.hero-actions .button{width:100%}.marquee-block{padding-top:3rem}.feature{gap:2.5rem}.system-visual{min-height:30rem;padding:.65rem;border-radius:1.3rem}.workflow{grid-template-columns:1fr;margin-top:2rem}.workflow-arrow{transform:rotate(90deg);text-align:center}.workflow-node{min-height:auto}.system-command{margin:2rem .2rem 0}.release-head{align-items:flex-start;flex-direction:column;gap:1rem;margin:2rem .2rem 0}.release-grid{margin-inline:.2rem}.method-list li{grid-template-columns:2.5rem 1fr;gap:.8rem}.faq-list button{padding:1.2rem}.faq-answer p{padding-right:1.2rem;padding-left:1.2rem}.footer-cta{padding-block:7rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:.5rem}.contact-modal{border-radius:1.2rem}}
@media(prefers-reduced-motion:reduce){.motion-video{display:none}.marquee-track{animation:none}}

/* Porcelain Systems — high-key counterpart to Cinematic Systems */
:root {
    color-scheme: light;
    --ink: #10243b;
    --muted: #5f6d7c;
    --line: rgba(24, 59, 86, .14);
    --orange: #bf6426;
    --amber: #ad591f;
    --blue: #245fce;
    --focus: #155ac8;
    --menu-bg: rgba(255, 255, 255, .98);
    --modal-bg: #ffffff;
    --modal-ink: #10243b;
    --modal-muted: #5f6d7c;
    --modal-line: rgba(24, 59, 86, .18);
    --modal-field: #f4f7fa;
    --modal-accent: #1764d6;
    --modal-button-ink: #ffffff;
    --modal-success: #18795a;
    --modal-error: #b42318;
}

html,
body {
    color: var(--ink);
    background: #fbfcfe;
}

.site-header {
    color: var(--ink);
    background: rgba(255, 255, 255, .1);
}

.site-header.is-scrolled {
    border-bottom: 1px solid var(--line);
    background: rgba(251, 252, 254, .84);
    box-shadow: 0 10px 35px rgba(36, 75, 104, .06);
    backdrop-filter: blur(18px) saturate(1.2);
}

.brand img { filter: saturate(.9) contrast(1.05); }
.languages { border-color: var(--line); background: rgba(255, 255, 255, .58); box-shadow: 0 8px 24px rgba(28, 70, 105, .06); }
.header-cta { color: #fff; background: #10243b; box-shadow: 0 10px 26px rgba(16, 36, 59, .14); }
.header-cta:hover { background: #1b3b5b; }
.menu-button { border-color: var(--line); color: var(--ink); background: rgba(255, 255, 255, .72); }

.hero {
    color: var(--ink);
    background: #f8fbfd url('/static/images/porcelain-poster.jpg') center / cover no-repeat;
}

.hero-shade {
    background:
        linear-gradient(to bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, .58) 40%, #fbfcfe 94%),
        radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .18), rgba(235, 244, 251, .4) 72%);
}

.hero-badge {
    border-color: rgba(23, 76, 113, .14);
    color: #3d5367;
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 10px 35px rgba(38, 91, 126, .08);
}

.hero-inner > p:not(.hero-badge) { color: #506377; }
.button.light { color: #fff; background: #10243b; box-shadow: 0 14px 34px rgba(16, 36, 59, .16); }
.button.light:hover { background: #1b3b5b; }
.button.dark { color: #16304b; border-color: rgba(24, 59, 86, .16); background: rgba(255, 255, 255, .76); box-shadow: 0 12px 30px rgba(28, 70, 105, .06); }
.button.dark:hover { background: #fff; }
.marquee-block > p { color: #65788b; }
.marquee-track span { color: #526a80; }
.marquee { mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); }

.hero-badge,
.hero h1,
.hero-inner > p:not(.hero-badge),
.hero-actions { animation: porcelain-enter .75s both cubic-bezier(.2, .7, .2, 1); }
.hero h1 { animation-delay: .08s; }
.hero-inner > p:not(.hero-badge) { animation-delay: .16s; }
.hero-actions { animation-delay: .24s; }
@keyframes porcelain-enter { from { opacity: 0; transform: translateY(1.25rem); } }

.feature-label.amber { color: var(--amber); }
.feature-label.blue { color: var(--blue); }
.text-link { text-decoration-color: currentColor; }

.system-visual {
    border-color: rgba(32, 76, 108, .14);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 42px 95px rgba(32, 78, 111, .14), inset 0 1px 0 #fff;
}
.amber-visual .visual-glow { background: radial-gradient(circle at 72% 8%, rgba(237, 169, 118, .42), transparent 43%), radial-gradient(circle at 15% 88%, rgba(72, 161, 215, .24), transparent 47%); }
.blue-visual .visual-glow { background: radial-gradient(circle at 12% 18%, rgba(69, 153, 220, .32), transparent 45%), radial-gradient(circle at 90% 82%, rgba(236, 164, 104, .25), transparent 42%); }
.system-toolbar { color: #718191; }
.live-dot { color: #51687b; }
.live-dot::before { background: #1aa576; box-shadow: 0 0 1rem rgba(26, 165, 118, .4); }
.workflow-node,
.release-head,
.release-grid > div {
    border-color: rgba(30, 72, 101, .14);
    color: var(--ink);
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 12px 30px rgba(40, 84, 114, .05);
}
.workflow-node.active { border-color: rgba(35, 105, 198, .38); box-shadow: 0 0 0 1px rgba(35, 105, 198, .08), 0 20px 42px rgba(36, 92, 127, .1); }
.workflow-node small,
.release-head small,
.release-grid small { color: #718394; }
.workflow-node span,
.release-grid span { color: #657789; }
.workflow-arrow { color: #6e8599; }
.system-command { border-color: rgba(30, 72, 101, .15); color: #62768a; background: rgba(255, 255, 255, .9); box-shadow: 0 12px 32px rgba(32, 79, 112, .08); }
.command-send { color: #fff; background: #173651; }
.release-head > span { color: #157052; background: rgba(30, 157, 111, .1); }
.release-track i { background: #dce5eb; }
.release-track i.complete { background: linear-gradient(90deg, #1764d6, #55a9dc); }

.method { border-color: var(--line); background: #f2f6fa; }
.method-list { border-color: var(--line); }
.method-list li { border-color: var(--line); }
.method-list li > span { color: #8291a0; }

.faq-list { border-color: var(--line); background: rgba(255, 255, 255, .56); box-shadow: 0 28px 70px rgba(40, 78, 103, .07); }
.faq-list article + article { border-color: var(--line); }
.faq-list button { color: var(--ink); }
.faq-list button:hover { background: rgba(228, 239, 247, .42); }
.faq-list button i::before,
.faq-list button i::after { background: var(--ink); }

.cinematic-footer {
    border-color: var(--line);
    color: var(--ink);
    background: #f8fbfd url('/static/images/porcelain-poster.jpg') center / cover no-repeat;
}
.footer-shade { background: linear-gradient(to bottom, #fbfcfe 0, rgba(251, 252, 254, .78) 32%, rgba(251, 252, 254, .92) 74%, #fbfcfe 94%); }
.footer-grid,
.footer-bottom { border-color: var(--line); }
.footer-grid a,
.footer-grid span { color: #596d7f; }
.footer-grid a:hover { color: #10243b; }
.footer-bottom { color: #6d7d8d; }

.back-link { color: var(--ink); border-color: var(--line); background: rgba(255, 255, 255, .84); box-shadow: 0 14px 32px rgba(31, 72, 102, .11); }
.contact-modal { border: 1px solid rgba(24, 59, 86, .12); border-radius: 1.5rem; box-shadow: 0 32px 90px rgba(16, 45, 67, .22); }
.contact-modal-close { border-radius: 50%; }
.contact-modal-form input,
.contact-modal-form textarea { border-radius: .8rem; }
.contact-modal-cancel,
.contact-modal-submit { border-radius: 999px; }

@media (max-width: 900px) {
    .site-nav { color: var(--ink); border-color: var(--line); background: rgba(255, 255, 255, .97); }
}

@media (max-width: 700px) {
    body { overflow-x: clip; }
    .site-header { grid-template-columns: minmax(0, 1fr) auto; width: 100%; }
    .hero { width: 100%; padding-inline: .75rem; }
    .hero-inner { width: 100%; min-width: 0; }
    .hero-badge { max-width: 100%; white-space: normal; text-align: center; }
    .hero h1 { width: 100%; max-width: 100%; font-size: clamp(2.85rem, 13vw, 4rem); overflow-wrap: anywhere; }
    .hero-inner > p:not(.hero-badge) { width: 100%; max-width: 33rem; }
    .marquee-block { width: 100%; }
    .hero-shade { background: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .72) 44%, #fbfcfe 94%); }
    .system-visual { box-shadow: 0 24px 55px rgba(32, 78, 111, .12); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-badge,
    .hero h1,
    .hero-inner > p:not(.hero-badge),
    .hero-actions { animation: none; }
}