html,body,#root{margin:0;min-height:100%;background:#f6f7f9;color:#070b14;font-family:Inter,Arial,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.site-shell{overflow-x:hidden;background:#f6f7f9;padding-top:42px}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #dfe5ee}.utility-nav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#07101d;color:#fff}.menu-trigger{width:42px;height:30px;border:1px solid rgba(255,255,255,.22);border-radius:10px;display:grid;place-items:center;padding:6px;background:#ffffff14}.menu-trigger span{display:block;width:20px;height:2px;background:#fff;border-radius:999px}.utility-links{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.12em}.utility-links a{color:#dbeafe;padding:8px 10px;border-radius:999px}.utility-links a:hover,.utility-links .login-link{background:#006dff;color:#fff}.mobile-menu-panel{display:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;background:#fff;border-bottom:1px solid #dfe5ee}.brand{display:flex;align-items:center;gap:18px}.brand-icon{width:58px;height:58px;border:10px solid #07101d;border-left-width:14px;border-right-width:14px;display:grid;place-items:center}.brand-icon span{width:12px;height:34px;background:#07101d}.divider{width:1px;height:58px;background:#64748b}.brand-text{display:grid;gap:6px}.brand-text strong{font-size:34px;letter-spacing:.18em;color:#07101d}.brand-text small{font-size:14px;letter-spacing:.22em;color:#334155}.nav-links{display:flex;gap:34px;text-transform:uppercase;font-weight:900;letter-spacing:.16em;font-size:13px;color:#334155}.nav-button{padding:10px 0;display:inline-flex;align-items:center;gap:8px}.nav-button:before{content:"▣";color:#006dff}.nav-item:nth-child(2) .nav-button:before{content:"▶"}.nav-item:nth-child(3) .nav-button:before{content:"⬢"}.nav-item:nth-child(4) .nav-button:before{content:"◎"}.nav-item:nth-child(5) .nav-button:before{content:"◈"}.nav-item:nth-child(6) .nav-button:before{content:"◷"}.nav-item:nth-child(7) .nav-button:before{content:"◆"}.nav-item{position:relative}.flyout{display:none;position:absolute;right:0;top:100%;width:min(720px,86vw);grid-template-columns:240px 1fr;gap:18px;padding:22px;border:1px solid #dbe4ef;border-radius:22px;background:#fff;box-shadow:0 34px 80px #0206172e;text-transform:none;letter-spacing:0;color:#07101d}.nav-item:hover .flyout,.nav-item:focus-within .flyout{display:grid}.flyout h4{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em}.flyout p{margin:0;color:#475569;line-height:1.45}.flyout-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.flyout-card{border:1px solid #dbe4ef;border-radius:14px;padding:14px;background:#f8fafc;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start}.flyout-card:before{content:"◎";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf3ff;color:#006dff;font-weight:900}.flyout-card strong{display:block;margin-bottom:6px}.flyout-card span{display:block;color:#475569;font-size:13px}.flyout-card:hover{background:#07101d;color:#fff}.flyout-card:hover span{color:#dbeafe}.flyout-card:hover:before{background:#006dff;color:#fff}.breadcrumb{display:flex;gap:8px;align-items:center;overflow-x:auto;white-space:nowrap;padding:10px 4vw;background:#f8fafc;border-bottom:1px solid #dfe5ee;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#64748b}.breadcrumb a{display:inline-flex;padding:8px 10px;border-radius:999px;color:#334155}.breadcrumb a:hover{background:#07101d;color:#fff}.crumb-wrap{display:inline-flex;align-items:center;gap:8px}.crumb-wrap b{color:#006dff}.eyebrow{color:#006dff;text-transform:uppercase;letter-spacing:.24em;font-weight:900}.blue-rule{width:78px;height:5px;background:#006dff;margin:28px 0}.option3-hero{min-height:720px;padding:72px 4vw;display:grid;grid-template-columns:1fr .8fr .9fr;align-items:center;background:linear-gradient(105deg,#fff 0,#fff 58%,#07101d 58%,#07101d)}.hero-copy h1{font-size:clamp(52px,5vw,90px);line-height:1.04;letter-spacing:-.06em;margin:0;color:#07101d}.lead{font-size:24px;line-height:1.4;color:#1f2937;max-width:650px}.actions{display:flex;gap:14px;margin-top:28px}.primary,.secondary{border-radius:4px;padding:16px 22px;text-transform:uppercase;font-weight:900;letter-spacing:.14em;font-size:12px}.primary{background:#07101d;color:#fff}.secondary{border:1px solid #64748b;background:#fff;color:#07101d}.phone-stage{display:none}.trust-panel{color:#fff;padding:54px}.trust-panel h2{font-size:46px;line-height:1.1;text-transform:uppercase;letter-spacing:.12em;color:#fff}.trust-panel span{color:#006dff}.trust-panel p{font-size:19px;line-height:1.5;color:#f1f5f9}.visual-platform{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border-top:1px solid #dfe5ee;border-bottom:1px solid #dfe5ee}.visual-card{padding:34px 28px;min-height:190px;border-right:1px solid #dfe5ee;background:#fff;color:#07101d}.visual-card h3{font-size:15px;color:#07101d}.visual-card p{color:#1f2937;line-height:1.45}.graphic-icon{width:64px;height:64px;margin-bottom:14px;border:3px solid #006dff;border-radius:16px;display:grid;place-items:center;color:#006dff;font-size:34px;font-weight:900;line-height:1}.graphic-icon span{display:block;color:#006dff;font-size:34px;line-height:1}.demo-section,.blueprint-section,.cinematic-resonance,.governance-visual-section,.enterprise-band{background:#07101d;color:#fff;padding:88px 4vw}.demo-section h2,.blueprint-section h2,.cinematic-resonance h2,.governance-visual-section h2,.enterprise-band h2{color:#fff;font-size:clamp(38px,5vw,76px);letter-spacing:-.05em;line-height:1.04}.demo-section p,.blueprint-section p,.cinematic-resonance p,.governance-visual-section p,.enterprise-band p{color:#f1f5f9}.artwork-panel{max-width:1320px;margin:28px auto 34px;padding:14px;border-radius:22px;background:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 80px #02061747}.artwork-panel img{display:block;width:100%;height:auto;border-radius:14px}.artwork-panel figcaption{margin:12px 8px 4px;color:#334155;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.friction-artwork{background:#f8fafc}.friction-artwork .mobile-art{display:none}.demo-console{display:grid;grid-template-columns:280px 1fr 280px;gap:18px;max-width:1320px;margin:30px auto}.demo-input,.demo-output{border:1px solid rgba(255,255,255,.2);background:#ffffff13;border-radius:18px;padding:24px}.demo-pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:stretch}.pipeline-step{border:1px solid rgba(0,109,255,.45);background:#fff;color:#07101d;border-radius:14px;padding:14px;min-height:96px;display:grid;align-content:start;gap:10px;position:relative}.pipeline-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:42%;color:#60a5fa;font-weight:900}.pipeline-step span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#006dff;color:#fff;font-weight:900}.pipeline-step strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#07101d}.pipeline-step p{display:none}.decision-badge{display:inline-flex;background:#006dff;color:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.risk-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.risk-tags span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 10px}.decision-grid,.state-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1100px;margin:22px auto 0}.decision-grid article{background:#fff;color:#07101d;border:1px solid #cbd5e1;border-radius:14px;padding:14px;display:grid;gap:6px;min-height:110px}.decision-grid article p{margin:0;color:#334155;font-size:13px}.state-icon{font-size:22px;color:#006dff}.blueprint-grid,.res-stack,.governance-flow-graphic,.enterprise-grid{display:grid;gap:16px;max-width:1320px;margin:30px auto}.blueprint-grid{grid-template-columns:220px 1fr 220px}.governance-flow-graphic{grid-template-columns:repeat(5,1fr)}.enterprise-grid{grid-template-columns:repeat(4,1fr)}.blueprint-rail,.blueprint-services,.blueprint-main,.bp-layer,.res-layer,.gov-node,.enterprise-grid article,.math-grid article,.commodity-panel,.asset-panel,.math-hero,.formula-card{border:1px solid rgba(255,255,255,.2);background:#ffffff13;border-radius:18px;padding:24px}.blueprint-rail{display:grid;gap:10px}.blueprint-rail article{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a}.blueprint-rail b{display:inline-grid;place-items:center;width:32px;height:32px;background:#006dff;color:#fff;border-radius:999px;margin-bottom:8px}.blueprint-rail h3{font-size:15px;color:#fff;margin:0 0 4px}.blueprint-rail p{font-size:13px;line-height:1.35;margin:0;color:#cbd5e1}.res-layer{display:grid;grid-template-columns:70px 1fr 180px;align-items:center}.res-layer b{font-size:38px}.res-layer h3,.gov-node h3,.enterprise-grid h3,.bp-layer h3{color:#fff}.res-layer p,.gov-node p,.enterprise-grid p,.bp-layer p{color:#f1f5f9}.governance-outcomes,.value-comparison,.math-grid,.value-drivers,.reference-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1320px;margin:24px auto}.math-grid,.value-drivers,.reference-gallery{grid-template-columns:repeat(4,1fr)}.node-orb,.res-orb{width:96px;height:96px;border-radius:24px;background:radial-gradient(circle,#60a5fa66,#ffffff12);border:1px solid rgba(255,255,255,.24);margin:18px 0}.artymus-section,.light-section{background:#f6f9fc;padding:88px 4vw}.artymus-section h2,.light-section h2{color:#07101d;font-size:clamp(38px,5vw,76px);letter-spacing:-.05em;line-height:1.04}.artymus-section p,.light-section p{color:#1f2937}.artymus-grid,.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.artymus-grid article,.module-grid article{background:#fff;color:#07101d;border:1px solid #cbd5e1;border-radius:18px;padding:28px}.artymus-grid p,.module-grid p{color:#1f2937}.enterprise-band{display:grid;grid-template-columns:1fr 1.2fr;gap:34px}footer{background:#020617;color:#fff;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:28px;text-transform:uppercase;letter-spacing:.22em;font-size:12px}footer b{color:#006dff}@media (max-width:900px){.site-shell{padding-top:42px}.utility-nav{height:42px;padding:0 18px}.utility-links{gap:4px;font-size:10px}.utility-links a{padding:7px 8px}.menu-trigger{width:38px}.mobile-menu-panel{display:block;position:fixed;inset:42px 0 auto 0;max-height:0;overflow:hidden;background:#07101d;color:#fff;z-index:1000;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px #00000052;transition:max-height .25s ease}.mobile-menu-panel:target{max-height:78vh;overflow:auto}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.16em}.mobile-menu-head a{font-size:30px;line-height:1;color:#fff}.mobile-menu-group{border-bottom:1px solid rgba(255,255,255,.1);padding:0 18px}.mobile-menu-group summary{cursor:pointer;list-style:none;padding:16px 6px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#fff;display:flex;align-items:center;gap:12px}.mobile-menu-group summary::-webkit-details-marker{display:none}.mobile-menu-group summary:before{content:"";display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#062a5f;color:#60a5fa;border:1px solid rgba(96,165,250,.32);background-repeat:no-repeat;background-position:center;background-size:22px 22px}.mobile-menu-group:nth-of-type(1) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M8 8h8v8H8z'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(2) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2360a5fa'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(3) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2360a5fa'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(4) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(5) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4'%3E%3Cpath d='M12 3l7 3v5c0 5-3.2 8.5-7 10-3.8-1.5-7-5-7-10V6z'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(6) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3Cpath d='M12 3v9h9'/%3E%3C/svg%3E")}.mobile-menu-group:nth-of-type(7) summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.4'%3E%3Cpath d='M12 2l9 5v10l-9 5-9-5V7z'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E")}.mobile-menu-group summary:after{content:"+";margin-left:auto;color:#60a5fa}.mobile-menu-group[open] summary:after{content:"−"}.mobile-menu-group p{margin:0 6px 12px 52px;color:#cbd5e1}.mobile-menu-group div{display:grid;gap:8px;padding:0 0 16px 52px}.mobile-menu-group a{display:grid;grid-template-columns:30px 1fr;gap:3px 10px;border:1px solid rgba(96,165,250,.28);background:#ffffff0f;border-radius:14px;padding:12px;color:#fff}.mobile-menu-group a:before{content:"→";grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#006dff;color:#fff;font-weight:900}.mobile-menu-group a span{font-size:13px;color:#cbd5e1}.nav,.breadcrumb{display:none}.option3-hero{display:block;background:#fff;padding:44px 32px}.hero-copy h1{font-size:50px;color:#07101d}.trust-panel{background:#07101d;margin:40px -32px 0}.visual-platform{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#fff;padding:28px}.visual-card{min-width:260px;border:1px solid #cbd5e1;border-radius:22px;margin-right:14px}.artwork-panel{margin:22px -18px 26px;border-radius:18px;padding:8px}.artwork-panel img{border-radius:12px}.artwork-panel figcaption{font-size:11px;letter-spacing:.1em}.friction-artwork .desktop-art{display:none}.friction-artwork .mobile-art{display:block}.demo-console,.enterprise-grid,.artymus-grid,.module-grid,.math-grid,.value-drivers,.reference-gallery,.value-comparison,.enterprise-band{grid-template-columns:1fr}.governance-flow-graphic.status-rail{display:grid;grid-template-columns:1fr;gap:10px;padding:0}.governance-flow-graphic.status-rail .gov-node{min-height:0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff0b);border:1px solid rgba(96,165,250,.42);box-shadow:0 16px 38px #00000038;display:grid;grid-template-columns:42px 1fr auto;align-items:center;column-gap:12px}.governance-flow-graphic.status-rail .gov-node .node-orb{display:none}.governance-flow-graphic.status-rail .gov-node span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#006dff;color:#fff;font-weight:900}.governance-flow-graphic.status-rail .gov-node h3{font-size:15px;margin:0;letter-spacing:.1em}.governance-flow-graphic.status-rail .gov-node p{font-size:12px;margin:0;color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;justify-self:end}.governance-outcomes{display:grid;grid-template-columns:1fr;gap:8px}.governance-outcomes .outcome{border-radius:14px;padding:12px 14px;background:#fff;color:#07101d;display:flex;align-items:center;justify-content:space-between}.governance-outcomes .outcome span{color:#334155}.blueprint-grid{grid-template-columns:1fr}.blueprint-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.blueprint-rail article{min-width:0;padding:10px}.blueprint-rail p,.blueprint-services p{display:none}.blueprint-main{gap:10px}.bp-layer{padding:16px}.bp-layer p{font-size:13px;line-height:1.35}.res-stack.compact-stack{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:4px 0 16px}.res-stack.compact-stack .res-layer{min-width:148px;min-height:92px;display:grid;grid-template-columns:1fr;scroll-snap-align:start;padding:12px}.res-stack.compact-stack .res-layer b{font-size:24px}.res-stack.compact-stack .res-layer h3{font-size:14px;margin:0}.res-stack.compact-stack .res-layer p{font-size:12px;margin:0}.res-stack.compact-stack .res-layer span,.math-grid.compact-math-grid{display:none}.demo-console.productized-console{grid-template-columns:1fr}.productized-console .demo-input,.productized-console .demo-output{min-height:0}.demo-pipeline{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:4px 0 16px}.pipeline-step{min-width:142px;min-height:88px;scroll-snap-align:start;padding:12px}.pipeline-step:not(:last-child):after{content:"→";right:-12px;top:38%;bottom:auto;left:auto}.pipeline-step span{width:30px;height:30px}.decision-grid,.state-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:4px 0 12px}.decision-grid article{min-width:150px;scroll-snap-align:start}.res-layer{grid-template-columns:1fr}.res-layer span{justify-self:start}.demo-section,.blueprint-section,.cinematic-resonance,.governance-visual-section,.enterprise-band,.artymus-section,.light-section{padding:64px 32px}}@media (max-width:520px){.utility-nav{position:fixed;top:0;left:0;right:0;z-index:1001}.utility-links{margin-left:auto}.utility-links a:first-child{display:none}.hero-copy h1{font-size:42px;color:#07101d}.lead{font-size:20px;color:#1f2937}.actions{display:grid}.secondary{color:#07101d;border-color:#64748b}.demo-section h2,.blueprint-section h2,.cinematic-resonance h2,.governance-visual-section h2,.enterprise-band h2,.artymus-section h2,.light-section h2{font-size:38px}.eyebrow{color:#006dff}.hero-copy .eyebrow,.nav-links,.brand-text strong,.hero-copy h1{opacity:1}.primary{background:#07101d;color:#fff}}html,body,#root{margin:0;padding:0;height:100%;background:#0b0f17;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
