/* A removable presentation layer. Authentication and routing are unchanged. */
:root{--paper:#101015;--ink:#faf5ed;--muted:#bbb5c2;--cyan:#ffd08a;--green:#ffd08a;--line:#ffffff24}
body{background:#101015;color:var(--ink)}
.site-header{background:#101015f5;border-bottom:1px solid #ffffff18}
.brand-mark{background:#ffd08a;color:#251628;border-radius:50% 50% 50% 12%;width:48px;height:48px}
.brand-name small{font-size:12px;letter-spacing:.035em}
.primary-nav a{color:#d6cedb}
.button{background:#ffd08a;border-color:#ffd08a;color:#251628;border-radius:50px;font-size:15px;padding-inline:26px;box-shadow:0 5px 0 #8b5736;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:#ffe1b2;transform:translateY(-3px);box-shadow:0 8px 0 #8b5736}
.button-outline{background:transparent;color:#ffe0b0;border:1px solid #a87b4e;box-shadow:none}
.button-outline:hover{background:#302332;color:#fff;box-shadow:none}
.text-link{font-size:15px;color:#efe8f4}
.eyebrow{color:#ffd08a;font-size:13px}
.hero{isolation:isolate;grid-template-columns:1.08fr 1fr;gap:65px;padding:75px 0 80px;align-items:center}
.hero:before{inset:0 calc((min(1320px,100vw - 48px) - 100vw)/2);z-index:-1;background:linear-gradient(115deg,#15121c 0%,#21162b 52%,#37233b 100%);border-bottom:1px solid #624264}
.hero h1{font-size:clamp(64px,6.5vw,100px);font-weight:650;line-height:.96;letter-spacing:-.065em;max-width:none}
.hero-word{display:block;color:#ffd08a;white-space:nowrap}
.hero-word>span{display:inline-block;font-size:.65em;vertical-align:middle;margin-left:.06em;color:#ffd08a}
.hero h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:.61em;font-weight:400;font-style:italic;letter-spacing:-.055em;color:#efc5ff;margin-top:22px;line-height:1.15}
.hero-intro{font-size:18px;line-height:1.7;color:#d3c9d6;max-width:510px}
.hero-actions{gap:24px}.trust-list{gap:16px;flex-wrap:wrap}.trust-list li{font-size:13px;color:#d0bdce}.trust-list li:before{background:#ffd08a}
.workflow{transform:rotate(2deg);border-radius:28px 28px 12px 28px;border:1px solid #ac819d;background:#1a1623;box-shadow:14px 16px 0 #a770af24,0 30px 70px #0005;position:relative;transition:transform .35s}
.workflow:hover{transform:rotate(0deg)}
.workflow-top{background:#edd4f2;color:#33203e;padding:20px;font-size:12px;border:0;gap:12px}
.window-dots{font-size:14px;letter-spacing:0;color:#55355e}.example-label{font-size:12px;color:#624267;border:1px solid #a77ba9;padding:4px 8px;border-radius:20px}
.workflow-stage{padding:30px 26px}.request-chip small,.engine small{font-size:12px;color:#cebdd5;letter-spacing:.06em}.request-chip strong{font-size:16px}
.mini-icon{background:#4b2f53;color:#f2caff;width:46px;height:46px;border-radius:50%;font-size:24px}
.connection{height:38px;background:#bd87b4}.connection i{background:#ffd08a}
.engine{background:#ffd08a;color:#28192b;border-color:#ffd08a;border-radius:16px;padding:25px 20px;box-shadow:0 8px 0 #8b583f}
.engine small{color:#684431}.engine strong{font-size:24px;letter-spacing:-.04em}.engine-monogram{background:#2b1b2f;color:#ffe6c4;border:0;border-radius:50%;font-size:18px}.engine-spark{color:#754329}
.workflow-checks{padding-top:27px;font-size:12px;gap:10px;line-height:1.5}.workflow-checks span{color:#d6c1d9;animation:none}
.route-lines,.route-lines:before{border-color:#ba81ad}.route-lines:before{background:#ba81ad}
.destinations{gap:10px}.destinations>div{background:#292031;border-color:#63445f;border-radius:12px;padding:18px 8px}.destinations>div:nth-child(2){background:#312335}.destinations>div:nth-child(3){background:#292b31}.destinations>div>span{color:#ffcf88}.destinations strong{font-size:15px}.destinations small{font-size:12px;color:#c9bace;line-height:1.5}
.workflow-bottom{font-size:12px;color:#e4cde7;padding:20px;gap:12px;flex-wrap:wrap}.workflow-bottom button{font-family:inherit;font-size:12px;color:#ffda9f}
.signal-bar{background:#ffd08a;color:#372032;border:0;font-size:13px;letter-spacing:.07em;font-weight:700;min-height:68px;padding-block:22px}.signal-bar i{background:#57304e;width:6px;height:6px;transform:rotate(45deg);border-radius:0}
.section{padding-block:90px}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-weight:550;letter-spacing:-.045em}
h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#deb6e8;font-weight:400}
.section-heading>p:last-child,.control-copy>p:not(.eyebrow){color:#bbb3c1}
.explorer{grid-template-columns:1fr 1.7fr;gap:0;border:1px solid #61466a;border-radius:22px;overflow:hidden;background:#211928;margin-top:40px}
.explorer-options{gap:0;background:#17141e;padding:14px}
.explorer-options button{border-radius:10px;padding:24px;color:#ddd0e2;border-bottom:1px solid #ffffff15;transition:background .2s,color .2s}
.explorer-options button[aria-selected=true]{background:#edd4f2;color:#301d36;border-color:#edd4f2}
.explorer-options button>span{font-size:12px;color:#c7a7d5}.explorer-options button[aria-selected=true]>span{color:#624064}.explorer-options button[aria-selected=true] small{color:#664b6d}
.explorer-options strong{font-size:25px}.explorer-options small{color:#bcaac5}.explorer-preview{margin:35px;border-color:#71567e;background:#181520;box-shadow:10px 12px 0 #78588633;transform:rotate(-1deg);border-radius:14px}.preview-toolbar{font-size:12px;background:#362640;color:#dec8e8}.preview-content{padding:30px;min-height:335px}.preview-content h3{font-family:Georgia,'Times New Roman',serif;font-size:31px;color:#fae6ff}
.sample-row{background:#251d30;border-color:#4b365b;font-size:15px}.sample-row span{font-size:13px;color:#dfc6ee}.sample-tag{background:#233a33}.sample-metrics div{background:#342442}.sample-metrics strong{color:#ffd08a}.sample-bars i{background:linear-gradient(#ffd08a,#a16bb5)}.preview-footnote{color:#b9a5c1;font-size:12px}
.feature-grid{gap:0;border-bottom:1px solid #69516b}.feature-card{padding:30px;border-color:#69516b;position:relative}.feature-card+.feature-card{border-left:1px solid #69516b}.feature-index{font:italic 42px Georgia,serif;color:#d5a8de}.feature-card:nth-child(2) .feature-index{color:#ffd08a}.feature-card:nth-child(3) .feature-index{color:#a4d9c6}.feature-card h3{font-size:24px;letter-spacing:-.03em}.feature-card p,.feature-card li{color:#c2b6c8}
.control-section{gap:70px}.control-list>div{border-color:#514054;padding-block:25px}.control-list>div>span{background:#32223b;border:1px solid #936ca0;color:#ebc4f6;border-radius:50%;font-size:14px}.control-list strong{color:#ffe0ad;font-size:22px}.control-list p{color:#c5bacb}
.security-panel{background:#e7cfee;color:#2a1933;border:0;border-radius:12px 65px 12px 12px;padding:55px;box-shadow:10px 10px 0 #684f7338}.security-panel .eyebrow{color:#6b3777}.security-panel h2{color:#301d36}.security-points p{border-color:#ac8db5}.security-points strong{color:#39223f}.security-points span{color:#644e6a;font-size:16px}
.cta-section{width:min(1320px,calc(100% - 48px));padding:70px 30px 90px}.cta-section h2{font-size:clamp(40px,5vw,76px)}.cta-section h2 em{color:#ffcf88}.cta-section>p:not(.eyebrow){color:#c3b2ca}
.site-footer{background:#19131f;border-top:1px solid #523a5d}.site-footer nav a{font-size:14px}.footer-brand span{color:#cbb8d4}.copyright{color:#b5a6be}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:72px}.workflow-stage{padding:24px 18px}.engine strong{font-size:21px}.workflow-checks{font-size:12px}.explorer-preview{margin:24px}.preview-content{padding:24px}.hero-actions{flex-wrap:wrap}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-block:55px;gap:50px}.hero h1{font-size:clamp(64px,11vw,92px)}.hero-intro{max-width:580px}.workflow{width:100%;max-width:650px;transform:none}.workflow:hover{transform:none}.explorer{grid-template-columns:1fr}.explorer-options{grid-template-columns:repeat(3,1fr);gap:6px}.explorer-options button{padding:18px 12px}.explorer-options strong{font-size:19px}.explorer-preview{transform:none}.feature-card{padding:24px 18px}.security-panel{padding:35px;border-radius:12px 40px 12px 12px}}
@media(max-width:550px){.brand-name small{font-size:10px}.brand-mark{width:36px;height:36px}.hero h1{font-size:clamp(56px,13vw,72px)}.hero-word>span{font-size:.55em}.hero h1 em{font-size:.65em}.hero-actions{gap:25px}.workflow-top{padding:16px 12px;font-size:12px}.window-dots{display:none}.engine{padding:20px 14px}.engine strong{font-size:20px}.workflow-checks{font-size:12px;gap:8px}.destinations strong{font-size:14px}.destinations small{font-size:12px}.workflow-bottom{padding:16px}.explorer-options strong{font-size:16px}.explorer-options button>span{font-size:12px;letter-spacing:0}.explorer-preview{margin:15px}.preview-toolbar{padding:16px 12px;gap:12px}.preview-content{padding:22px 14px}.preview-content h3{font-size:26px}.sample-row{flex-wrap:wrap}.feature-card+.feature-card{border-left:0}.feature-card{padding:25px 0}.feature-grid{gap:0}.section{padding-block:60px}.cta-section{padding-inline:0}.sample-metrics strong{font-size:22px}.button-small{padding-inline:14px}.security-panel{padding:30px 22px}}
.explorer-preview{transform:none}
@media(prefers-reduced-motion:reduce){.workflow,.button{transform:none!important;transition:none!important}}
