@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root { --ink:#10191a; --paper:#f4f2ed; --lime:#c7ee4c; --muted:#697371; --red:#df7869; --amber:#dfad52; --green:#7cad67; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,"Noto Sans SC",sans-serif; }
.wrap { width:min(1180px,calc(100% - 48px)); margin:auto; }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-size:15px; font-weight:700; }
.brand b { color:#5d6765; font:500 11px "DM Mono"; }
.brand-mark { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:var(--ink); color:var(--lime); font-family:Georgia; }
.nav nav { display:flex; gap:30px; }
.nav nav a { color:#596260; text-decoration:none; font-size:13px; }
.button { display:inline-flex; align-items:center; gap:18px; padding:16px 20px; border-radius:99px; background:var(--ink); color:white; text-decoration:none; font-size:13px; font-weight:700; }
.button span { color:var(--lime); font-size:18px; }.button.small{padding:11px 15px;font-size:12px;gap:9px}.button.small span{font-size:14px}
.hero { min-height:590px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; padding:65px 0 80px; }
.eyebrow { display:flex; align-items:center; gap:9px; color:#6b7571; font:10px "DM Mono"; letter-spacing:1.3px; }.eyebrow i { width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #e7efcd; }
h1,h2,h3,h4,p { margin-top:0; } h1 { margin:18px 0 25px; font-size:clamp(46px,5.8vw,78px);line-height:.99;letter-spacing:-5px; } em { font-style:normal;color:#778c34; }
.intro { max-width:500px; color:#596361; font-size:15px; line-height:1.85; }.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.text-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.text-link span{margin-left:7px;font-size:17px}.trust{display:flex;align-items:center;gap:14px;margin-top:55px;color:#747d7b;font-size:11px}.avatars{display:flex}.avatars b{display:grid;place-items:center;width:23px;height:23px;margin-left:-6px;border:2px solid var(--paper);border-radius:50%;background:#7e948a;color:white;font-size:8px}.avatars b:nth-child(2){background:#8294a7}.avatars b:nth-child(3){background:#9aa56d}.avatars b:last-child{background:var(--ink)}
.hero-visual{position:relative;height:470px}.orb{position:absolute;border-radius:50%;filter:blur(5px)}.orb-1{top:79px;left:53px;width:310px;height:310px;background:radial-gradient(circle,#e1f1b2,transparent 68%)}.orb-2{top:25px;left:160px;width:230px;height:230px;background:radial-gradient(circle,#d6e3d2,transparent 65%)}.sphere{position:absolute;top:106px;left:113px;width:245px;height:245px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#3a504f,#111a1a 68%);box-shadow:inset 20px 20px 35px #ffffff18,20px 25px 45px #18242235}.sphere:after{content:"";position:absolute;inset:11px;border:1px solid #ddecbb33;border-radius:50%}.sphere-inner{z-index:1;color:white;text-align:center}.sphere-inner small{color:#b9c4bb;font-size:10px}.sphere-inner strong{display:block;margin:2px 0;font-size:59px;letter-spacing:-4px}.sphere-inner strong span{color:var(--lime);font-size:23px;letter-spacing:0}.sphere-inner p{margin:0;color:var(--lime);font-size:10px}.floating-card{position:absolute;display:flex;align-items:center;gap:9px;min-width:196px;padding:12px;border:1px solid #ffffffcc;border-radius:12px;background:#fffdfad9;box-shadow:0 12px 27px #26352a1a}.floating-card small,.floating-card b{display:block}.floating-card small{color:#78817e;font-size:9px}.floating-card b{margin-top:2px;font-size:10px}.card-code{top:21px;right:5px}.card-contract{bottom:45px;left:15px}.card-brand{right:-8px;bottom:88px}.asset-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font:15px "DM Mono"}.asset-icon.code{background:#e1edba;color:#4a6124}.asset-icon.file{background:#f4ddd6;color:#a45646}.asset-icon.star{background:#e7e4f4;color:#7563a0}.asset-icon.image{background:#d9eced;color:#47808b}.status{width:6px;height:6px;margin-left:auto;border-radius:50%}.green{background:var(--green)}.red{background:var(--red)}.amber{background:var(--amber)}
.ticker{padding:15px 0;overflow:hidden;background:var(--ink);color:#d7e6b0;white-space:nowrap}.ticker div{display:flex;gap:26px;width:max-content;animation:slide 26s linear infinite;font:11px "DM Mono";letter-spacing:1px}.ticker i{color:var(--lime);font-style:normal}@keyframes slide{to{transform:translateX(-25%)}}
.problem{padding:120px 0}.section-label{color:#73807a;font:10px "DM Mono";letter-spacing:1px}.section-label span{margin-right:11px;color:#9aad50}.problem-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;margin-top:28px}.problem h2,.workspace-head h2,.boundary h2{margin:0;font-size:clamp(31px,4vw,52px);line-height:1.1;letter-spacing:-3px}.problem-grid p,.boundary-copy p{color:#596361;font-size:14px;line-height:1.9}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #10191a20}.pillars article{padding:25px 30px 0 0}.pillars article+article{padding-left:30px;border-left:1px solid #10191a20}.pillars span{color:#91a350;font:10px "DM Mono"}.pillars h3{margin:17px 0 7px;font-size:20px}.pillars p{color:#6a7471;font-size:12px;line-height:1.8}
.workspace-section{padding:100px 0;background:#dde3d8}.workspace-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.workspace-head h2{margin-top:14px}.workspace-head>p{width:290px;margin:0;color:#5d6963;font-size:13px;line-height:1.8}.app-shell{display:grid;grid-template-columns:187px 1fr;min-height:565px;overflow:hidden;border-radius:20px;background:#f7f8f3;box-shadow:0 20px 45px #25352a20}.side{display:flex;flex-direction:column;padding:22px 13px;background:#172323;color:#dce6dc}.side-title{padding:4px 11px 27px;font-size:14px;font-weight:700}.side-title small{color:#99a8a0;font:9px "DM Mono"}.tab{display:flex;align-items:center;gap:10px;padding:11px;border:0;border-radius:8px;background:transparent;color:#a6b1aa;cursor:pointer;font:12px Manrope,"Noto Sans SC";text-align:left}.tab span{color:#8ba099;font-size:16px}.tab.active{background:#2b3a38;color:white}.tab b{margin-left:auto;padding:1px 5px;border-radius:20px;background:#b95e4f;color:white;font-size:9px}.side-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px}.mini-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#79866c;color:white;font-size:10px}.side-bottom b,.side-bottom small{display:block;font-size:10px}.side-bottom small{margin-top:2px;color:#7f8d85;font-size:8px}.app-main{padding:28px 31px}.panel{display:none}.panel.active{display:block;animation:fade .25s ease}.app-top{display:flex;align-items:start;justify-content:space-between}.app-top p{margin-bottom:5px;color:#7a8580;font-size:10px}.app-top h3{margin:0;font-size:22px;letter-spacing:-1.2px}.outline{padding:8px 10px;border:1px solid #cbd3c9;border-radius:8px;background:transparent;color:#394743;font:10px Manrope,"Noto Sans SC"}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.metrics>div{padding:14px;border-radius:10px;background:#eef1e9}.metrics small{color:#718078;font-size:9px}.metrics strong{display:block;margin-top:7px;font-size:29px;letter-spacing:-2px}.metrics strong span{margin-left:2px;font-size:12px;letter-spacing:0}.metrics p{margin:5px 0 0;color:#77817c;font-size:9px}.metrics .up{color:#6b9957}.metrics .down{color:#b0584b}.risk-num{color:#b8564a}.asset-head{display:flex;align-items:center;justify-content:space-between}.asset-head h4{margin:0;font-size:12px}.asset-head a{color:#62726b;text-decoration:none;font-size:10px}.asset-list{margin-top:10px;border-top:1px solid #dde2d9}.asset-row{display:flex;align-items:center;gap:10px;padding:11px 3px;border-bottom:1px solid #dde2d9}.asset-row div{flex:1}.asset-row b,.asset-row small{display:block}.asset-row b{font-size:10px}.asset-row small{margin-top:2px;color:#7f8983;font-size:9px}.chip{padding:4px 7px;border-radius:30px;font-size:8px}.chip.green{background:#e2eed9;color:#5c814d}.chip.amber{background:#f5ead3;color:#a46e2c}.row-arrow{color:#849087;font-size:14px}
.risk-summary{display:grid;grid-template-columns:100px 70px 1fr;align-items:center;margin:25px 0 15px;padding:18px 19px;border-radius:12px;background:#172323;color:white}.risk-summary span{color:#b8c5ba;font-size:10px}.risk-summary strong{color:#d8ef75;font-size:35px}.risk-summary p{margin:0;color:#afbbb2;font-size:10px}.risk-cards,.expert-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.risk-card{padding:16px;border:1px solid #e0e4dd;border-radius:11px}.risk-card>div{display:flex;justify-content:space-between}.risk-card>div span{color:#b45145;font-size:8px}.risk-card>div small{color:#7d8980;font-size:8px}.risk-card h4{margin:13px 0 5px;font-size:13px;line-height:1.5}.risk-card p{height:48px;color:#65726a;font-size:10px;line-height:1.7}.risk-card button,.expert-grid button{padding:0;border:0;background:transparent;color:#596d2e;cursor:pointer;font:700 10px Manrope,"Noto Sans SC"}.risk-card.high{border-left:3px solid #de786c}.risk-card.medium{border-left:3px solid #e4b255}.workflow{margin-top:27px}.step{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e1e5de}.step i{display:grid;place-items:center;width:23px;height:23px;border:1px solid #bdc7bb;border-radius:50%;color:#88948b;font-size:10px;font-style:normal}.step.done i{border-color:#e2eed9;background:#e2eed9;color:#568148}.step.current i{border-color:#1a2928;background:#1a2928;color:#d9ef78}.step b,.step small{display:block}.step b{font-size:11px}.step small{margin-top:2px;color:#7b8780;font-size:9px}.step>span{color:#88948a;font-size:9px}.step button{padding:7px 9px;border:0;border-radius:5px;background:#1a2928;color:#d9ee79;font:9px Manrope,"Noto Sans SC"}.expert-grid{margin-top:26px}.expert-grid article{min-height:170px;padding:18px;border-radius:12px;background:#eef1e9}.expert-grid article+article{background:#172323;color:white}.expert-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#d3e9cb;color:#527d56;font-size:14px}.expert-icon.gold{background:#566544;color:#e2f37f}.expert-grid h4{margin:21px 0 8px;font-size:14px}.expert-grid p{color:#627069;font-size:10px;line-height:1.7}.expert-grid article+article p{color:#b9c4b9}.expert-grid small{color:#6a8556;font-size:9px}.expert-grid button{margin-top:8px;color:#dced80}.boundary-note{display:flex;gap:14px;margin-top:13px;padding:11px;border:1px solid #dfe5dc;border-radius:9px;color:#727d76;font-size:9px;line-height:1.6}.boundary-note b{color:#3d4b45;white-space:nowrap}.boundary{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:125px 0}.boundary h2{margin-top:18px}.boundary-copy{padding-top:47px}.cta{margin-bottom:75px;padding:70px;border-radius:20px;background:#1b2928;color:white;text-align:center}.cta>p{color:#c7ed51;font:10px "DM Mono";letter-spacing:1px}.cta h2{margin:18px 0 29px;font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-3px}.cta em{color:#d8eb85}.button.light{background:var(--lime);color:#1b2928}.button.light span{color:#1b2928}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 0 30px;color:#6e7974}footer p,footer small{margin:0;font-size:10px}footer p{text-align:center;font-family:"DM Mono"}footer small{text-align:right}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1180px)}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:38px 0 25px}.hero-visual{height:390px;transform:scale(.84);transform-origin:center top}.problem,.boundary{padding:75px 0}.problem-grid,.boundary{grid-template-columns:1fr;gap:26px}.pillars{grid-template-columns:1fr;gap:20px}.pillars article+article{padding-left:0;border-left:0}.workspace-section{padding:65px 0}.workspace-head{display:block}.workspace-head>p{margin-top:18px}.app-shell{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;padding:13px;overflow:auto}.side-title,.side-bottom{display:none}.tab{white-space:nowrap}.app-main{padding:22px 16px}.metrics,.risk-cards,.expert-grid{grid-template-columns:1fr}.metrics{gap:7px}.risk-summary{grid-template-columns:70px 50px 1fr}.boundary-copy{padding-top:0}.cta{padding:50px 20px}footer{grid-template-columns:1fr;gap:15px;text-align:center}footer p,footer small{text-align:center}.card-code{right:-15px}.card-brand{right:-23px}}

/* OriginSphere premium palette: obsidian, champagne gold, imperial purple */
:root { --ink:#110d16; --paper:#f7f3ed; --lime:#e0bb71; --muted:#746a74; --red:#bd5c72; --amber:#d6a755; --green:#8266a1; }
body { background:radial-gradient(circle at 90% 4%,#ece2f4 0,transparent 26%),var(--paper); }
.brand-mark,.button,.ticker,.cta,.risk-summary { background:#120d17; }
.button span,.ticker i,.sphere-inner strong span,.sphere-inner p { color:#e0bb71; }
.eyebrow i { background:#d7b068; box-shadow:0 0 0 5px #eadfc9; }
em { color:#6d3d83; }
.orb-1 { background:radial-gradient(circle,#d7b06a,transparent 68%); opacity:.52; }
.orb-2 { background:radial-gradient(circle,#cbb6de,transparent 65%); }
.sphere { background:linear-gradient(140deg,#4d285c,#120d17 68%); box-shadow:inset 20px 20px 35px #ffffff18,20px 25px 45px #27152e38; }
.card-code .asset-icon { background:#eee3cf;color:#876627; }.card-contract .asset-icon{background:#f0dce5;color:#934a63}.card-brand .asset-icon{background:#e5dcf0;color:#6b4588}
.workspace-section { background:linear-gradient(135deg,#1b1220,#35223c); color:#fff; }.workspace-head>p { color:#d0c6d1; }.workspace-head .eyebrow { color:#cbbfd0; }.workspace-head .eyebrow i { box-shadow:0 0 0 5px #cda65c44; }
.app-shell { box-shadow:0 20px 45px #05030755; }.side { background:#120d17; }.tab.active { background:#3d2748; }.tab b { background:#b96277; }
.metrics>div { background:#f2ede5; }.chip.green { background:#ebe2f1;color:#6e4b85; }.chip.amber { background:#f4ead7;color:#9a722b; }.risk-card.high { border-left-color:#ad5672; }.risk-card.medium { border-left-color:#c79d52; }
.step.done i { background:#ebe2f1;border-color:#ebe2f1;color:#684a81; }.step.current i,.step button { background:#2b1735;color:#edcf88; }.expert-grid article+article { background:#211427; }.expert-icon.gold { background:#634176;color:#f0d18d; }.expert-grid button { color:#f0d18d; }
.cta { background:linear-gradient(120deg,#130d18,#321d3c); }.cta>p { color:#e0bb71; }.cta em { color:#e7c57f; }.button.light { background:#dfbb73;color:#1a1020; }.button.light span { color:#1a1020; }

/* Premium OriginSphere spotlight hero */
.nav { position:absolute; z-index:20; left:0; right:0; color:#fff; }.nav .brand b { color:#d7c2dd; }.nav nav a { color:#eadddf; }.nav .brand-mark { background:#e0bb71; color:#1a1020; }.hero { position:relative; z-index:1; width:100%; max-width:none; min-height:100dvh; margin:0; padding:0 max(24px,calc((100vw - 1180px)/2)); overflow:hidden; grid-template-columns:1fr 1fr; background:#100c16; color:white; }.hero-backdrop { position:absolute; inset:0; background:radial-gradient(circle at 77% 42%,#593162 0,transparent 25%),radial-gradient(circle at 42% 100%,#28162f 0,transparent 35%),linear-gradient(120deg,#0e0a13 0%,#160f1c 44%,#2c1835 100%); }.hero-backdrop:after { content:""; position:absolute; inset:0; background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,black,transparent 72%); }.hero-copy { position:relative; z-index:3; max-width:610px; padding-top:102px; }.hero .eyebrow { color:#d6c5d9; }.hero .eyebrow i { box-shadow:0 0 0 5px #d7ad5c33; }.wordmark { margin:26px 0 18px; color:#f2d49b; font:600 31px "Noto Serif SC",serif; letter-spacing:.13em; }.wordmark span { margin-left:10px; color:#e7d7ea; font:italic 500 26px "Playfair Display",serif; letter-spacing:-.05em; }.hero h1 { position:relative; z-index:2; margin:0 0 25px; font:600 clamp(50px,6vw,86px) "Noto Serif SC",serif; line-height:1.08; letter-spacing:-.065em; }.hero h1 em { color:#e4bf74; }.hero .intro { color:#e3d8e5; }.light-link { color:#f7ebdd; }.hero .trust { color:#cfc1d2; }.hero .avatars b { border-color:#1b1122; }.spotlight-stage { --spot-x:50%; --spot-y:50%; position:relative; z-index:2; height:100%; min-height:100dvh; overflow:hidden; cursor:crosshair; }.base-orbit { position:absolute; inset:0; display:grid; place-items:center; opacity:.5; }.base-orbit:before { content:""; width:390px; height:390px; border-radius:50%; border:1px solid #e0bb7145; box-shadow:0 0 0 72px #e0bb7105,0 0 90px #a76bcb22; }.base-orbit img { position:absolute; width:min(74%,460px); mix-blend-mode:screen; opacity:.76; filter:contrast(1.16) saturate(.85); }.reveal-world { position:absolute; inset:0; opacity:0; transition:opacity .35s ease; background:radial-gradient(circle at 50% 50%,#6f397d 0,transparent 12%),radial-gradient(circle at 50% 50%,#d6ac5f45 0,transparent 34%),linear-gradient(135deg,#382044,#0f101e 70%); clip-path:circle(0 at var(--spot-x) var(--spot-y)); transition:clip-path .18s ease-out,opacity .3s ease; }.spotlight-stage.is-scanning .reveal-world { opacity:1; clip-path:circle(260px at var(--spot-x) var(--spot-y)); }.reveal-world:before,.reveal-world:after { content:""; position:absolute; left:50%; top:50%; width:440px; height:440px; border:1px solid #e3b96a80; border-radius:50%; transform:translate(-50%,-50%); }.reveal-world:after { width:270px; height:270px; border-color:#ad79c466; }.asset-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:94px; height:94px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,#e7c378 0 15%,#4e2b5d 18%,#26162e 69%); box-shadow:0 0 35px #e2af6740; color:white; text-align:center; }.asset-core small { font-size:9px; color:#f0daa9; }.asset-core strong { margin-top:-6px; font:600 16px "Noto Serif SC",serif; }.node { position:absolute; display:flex; align-items:center; gap:8px; padding:8px 11px 8px 8px; border:1px solid #f4d58c85; border-radius:10px; background:#170f1ed9; box-shadow:0 10px 24px #09050d55; color:#fff; font-size:10px; line-height:1.5; }.node b { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:#e2b96e; color:#26152d; font-size:13px; }.node small { color:#d9c7df; font-size:8px; }.node-code{top:22%;left:10%}.node-brand{top:29%;right:3%}.node-contract{bottom:25%;left:3%}.node-data{right:11%;bottom:22%}.scan-hint { position:absolute; z-index:4; bottom:42px; left:50%; transform:translateX(-50%); width:max-content; color:#d2c4d6; font:10px "DM Mono"; letter-spacing:.04em; }.scan-hint i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#e0bb71; box-shadow:0 0 0 5px #e0bb7130; }.hero-reveal,.hero-fade { opacity:0; animation:heroReveal 1.1s cubic-bezier(.16,1,.3,1) forwards; }.hero-fade { animation-name:heroFadeUp; animation-delay:.55s; }.hero h1 .delay { animation-delay:.17s; }@keyframes heroReveal { 0%{opacity:0;transform:translateY(28px);filter:blur(12px)} 100%{opacity:1;transform:translateY(0);filter:blur(0)} }@keyframes heroFadeUp { 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }
@media(max-width:760px){.nav{height:72px}.nav .button.small{display:none}.hero{display:block;padding:0 24px}.hero-copy{padding-top:120px}.wordmark{font-size:26px}.wordmark span{font-size:22px}.hero h1{font-size:54px}.spotlight-stage{position:absolute;inset:0;opacity:.6;pointer-events:none}.base-orbit{transform:translate(23%,18%)}.reveal-world{display:none}.scan-hint{display:none}.hero-copy{pointer-events:none}.hero-actions{pointer-events:auto}.trust{margin-top:35px}.hero .intro{max-width:380px}.node{display:none}}

/* Marketing home: purpose, capabilities, process and belief */
.landing-body{background:#f7f3ed}.landing-nav{position:absolute;z-index:10;left:0;right:0;color:#fff}.landing-nav .brand b{color:#dac9df}.landing-nav .brand-mark{background:#e0bb71;color:#1b1220}.landing-nav nav a{color:#e8dfea}.landing-hero{position:relative;min-height:100dvh;overflow:hidden;background:linear-gradient(135deg,#100b16 0%,#1d1125 48%,#3a2043 100%);color:#fff}.landing-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.landing-glow{position:absolute;border-radius:50%;filter:blur(20px)}.glow-one{top:16%;right:13%;width:420px;height:420px;background:#8450a640}.glow-two{bottom:-170px;left:42%;width:480px;height:480px;background:#d5a95c22}.landing-hero-content{position:relative;z-index:2;padding-top:185px}.landing-hero .eyebrow{color:#d6c5d9}.landing-hero .eyebrow i{box-shadow:0 0 0 5px #d7ad5c33}.landing-hero .wordmark{color:#f2d49b;font:600 31px "Noto Serif SC",serif;letter-spacing:.13em}.landing-hero .wordmark span{margin-left:10px;color:#e7d7ea;font:italic 500 26px "Playfair Display",serif;letter-spacing:-.05em}.landing-hero h1{max-width:950px;margin:18px 0 25px;font:600 clamp(46px,6.5vw,88px) "Noto Serif SC",serif;line-height:1.08;letter-spacing:-.065em}.landing-hero h1 em{color:#e4bf74}.landing-intro{max-width:570px;color:#e4dbe7;font-size:15px;line-height:1.9}.landing-hero .hero-proof{display:flex;align-items:center;gap:12px;margin-top:62px;color:#d9ccdb;font-size:10px}.proof-line{display:block;width:38px;height:1px;background:#e0bb71}.hero-chain{position:absolute;right:max(5vw,56px);bottom:8%;z-index:2;width:min(44vw,575px);height:265px}.chain-line{position:absolute;top:128px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#e2bd72,#a56dc1,transparent)}.chain-node{position:absolute;top:105px;display:grid;justify-items:center;gap:8px;color:#f5e5cb;font-size:10px;text-align:center}.chain-node b{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e4c27b;border-radius:50%;background:#22132b;box-shadow:0 0 0 7px #e0b66c12;color:#e4c27b;font:10px "DM Mono"}.chain-node span{white-space:nowrap}.chain-node.idea{left:4%}.chain-node.ai{left:27%}.chain-node.version{left:50%}.chain-node.publish{left:74%}.chain-core{position:absolute;top:-24px;left:50%;width:108px;height:108px;transform:translateX(-50%);border-radius:50%;overflow:hidden;opacity:.75;mix-blend-mode:screen}.chain-core img{width:100%;height:100%;object-fit:cover}.purpose{padding:125px 0}.purpose-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;margin-top:28px}.purpose-grid h2,.feature-heading h2,.process-head h2,.belief h2{margin:0;font-size:clamp(31px,4vw,52px);line-height:1.13;letter-spacing:-3px}.purpose-grid p,.feature-heading p,.process-head p,.belief-inner>p{color:#5b6562;font-size:14px;line-height:1.95}.features{padding:100px 0;background:#16101d;color:#fff}.features .section-label{color:#ccbdd0}.features .section-label span{color:#e0bb71}.feature-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:28px 0 52px}.feature-heading h2{max-width:660px}.feature-heading h2 em{color:#edc977}.feature-heading p{max-width:300px;color:#d3c7d6;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22}.feature-grid article{position:relative;min-height:265px;padding:26px 24px 0 0}.feature-grid article+article{padding-left:24px;border-left:1px solid #ffffff22}.feature-index{color:#d8bd81;font:10px "DM Mono"}.feature-symbol{display:grid;place-items:center;width:40px;height:40px;margin:28px 0 18px;border:1px solid #e0bb7180;border-radius:12px;color:#e4be71;font-size:18px}.feature-grid h3{margin:0 0 8px;font-size:17px}.feature-grid p{min-height:58px;color:#cbbfce;font-size:12px;line-height:1.8}.feature-grid a{color:#e5c27a;text-decoration:none;font-size:11px;font-weight:700}.process{padding:125px 0}.process-head{display:flex;justify-content:space-between;gap:70px;margin-top:28px}.process-head p{max-width:330px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:58px 0 37px;padding:0;list-style:none}.steps li{display:flex;gap:18px;padding:20px 0;border-top:1px solid #10191a22}.steps span{color:#88509b;font:11px "DM Mono"}.steps h3{margin:0 0 8px;font-size:17px}.steps p{margin:0;color:#68716e;font-size:12px;line-height:1.8}.belief{padding:100px 0;background:#e7ddd3}.belief-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.belief h2{margin-top:18px}.belief h2 em{color:#694076}.belief-inner>p{align-self:end;margin:0}.landing-cta{margin:78px auto;padding:76px;border-radius:20px;background:linear-gradient(120deg,#120d17,#35203d);color:#fff;text-align:center}.landing-cta>p{color:#e0bb71;font:10px "DM Mono";letter-spacing:1px}.landing-cta h2{margin:17px 0 30px;font-size:clamp(31px,4vw,51px);line-height:1.12;letter-spacing:-3px}.landing-cta h2 em{color:#e6c77f}

/* Second-level creation record workspace */
.work-body{min-height:100vh;background:radial-gradient(circle at 90% 0,#e6d8ea,transparent 30%),#f7f3ed;color:#1b1520}.work-nav{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:24px}.work-nav>div{display:flex;align-items:center;gap:20px}.work-status{color:#735f74;font-size:10px}.work-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#8a66a2}.back-link{color:#3a293e;text-decoration:none;font-size:12px;font-weight:700}.work-wrap{width:min(1120px,calc(100% - 48px));margin:auto;padding:70px 0 80px}.work-intro{max-width:650px}.work-intro .eyebrow{color:#725c75}.work-intro h1{margin:18px 0;font:600 clamp(40px,5vw,65px) "Noto Serif SC",serif;line-height:1.1;letter-spacing:-.065em}.work-intro h1 em{color:#70417e}.work-intro>p:last-child{color:#626b67;font-size:14px;line-height:1.9}.work-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:48px}.record-card,.timeline-card{padding:26px;border:1px solid #e3dcd8;border-radius:18px;background:#fffdfa;box-shadow:0 16px 35px #341d3d0b}.card-heading{display:flex;gap:14px;margin-bottom:22px}.card-heading>span{color:#8c639a;font:10px "DM Mono"}.card-heading p,.timeline-top p{margin:0 0 3px;color:#786a79;font-size:10px}.card-heading h2,.timeline-top h2{margin:0;font-size:19px;letter-spacing:-1px}.record-card label{display:block;margin-top:15px;color:#564b56;font-size:11px;font-weight:700}.record-card label span{color:#978b93;font-weight:400}.record-card input,.record-card select,.record-card textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #dfd7dc;border-radius:8px;background:#fdfbf8;color:#281c2b;font:12px Manrope,"Noto Sans SC"}.record-card textarea{resize:vertical}.record-card .button{margin-top:20px;border:0;cursor:pointer}.form-note{margin:14px 0 0;color:#8a8088;font-size:9px;line-height:1.7}.timeline-card{min-height:495px}.timeline-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:17px;border-bottom:1px solid #ece5e7}.timeline-count{padding:5px 8px;border-radius:20px;background:#f0e9f1;color:#765781;font-size:9px}.timeline-count b{font-size:12px}.timeline-empty{display:grid;place-items:center;min-height:340px;text-align:center}.timeline-empty span{color:#d0af6d;font-size:38px}.timeline-empty h3{margin:8px 0;font-size:16px}.timeline-empty p{max-width:270px;color:#7a7478;font-size:11px;line-height:1.8}.timeline-list{display:none;padding:16px 0 7px}.timeline-list.has-records{display:block}.timeline-entry{position:relative;display:grid;grid-template-columns:80px 1fr;gap:14px;padding:0 0 20px}.timeline-entry:before{content:"";position:absolute;top:21px;bottom:0;left:9px;width:1px;background:#dfd2e2}.timeline-entry:last-child:before{display:none}.timeline-entry time{position:relative;z-index:1;color:#82688b;font:9px "DM Mono"}.timeline-entry time:before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:middle;border:4px solid #f0e4c8;border-radius:50%;background:#80558d}.entry-content{padding:11px 12px;border-radius:9px;background:#f8f4f6}.entry-content .entry-type{color:#875896;font-size:9px;font-weight:700}.entry-content h3{margin:4px 0;color:#302533;font-size:12px}.entry-content p{margin:0;color:#6f666e;font-size:10px;line-height:1.7}.entry-content a{display:inline-block;margin-top:5px;color:#875896;font-size:9px}.timeline-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #ece5e7;color:#80757e;font-size:9px}.progress{flex:1;height:5px;overflow:hidden;border-radius:5px;background:#eee7e7}.progress i{display:block;width:0%;height:100%;border-radius:5px;background:linear-gradient(90deg,#8d5b9c,#dcba72);transition:width .4s ease}.timeline-footer b{color:#6b4775;font:10px "DM Mono"}.evidence-tip{display:flex;gap:13px;max-width:720px;margin:28px auto 0;padding:16px 18px;border:1px solid #e1d5c2;border-radius:12px;background:#f7f0e5}.evidence-tip>span{color:#c79b4f;font-size:19px}.evidence-tip b{font-size:12px}.evidence-tip p{margin:4px 0 0;color:#766d70;font-size:10px;line-height:1.8}
@media(max-width:760px){.landing-nav nav{display:none}.landing-hero-content{padding-top:145px}.landing-hero h1{font-size:47px}.hero-chain{right:0;bottom:2%;width:100%;transform:scale(.72);transform-origin:right bottom}.purpose,.process{padding:80px 0}.purpose-grid,.belief-inner{grid-template-columns:1fr;gap:28px}.feature-heading,.process-head{display:block}.feature-heading p,.process-head p{margin-top:18px}.feature-grid,.steps{grid-template-columns:1fr}.feature-grid article+article{padding-left:0;border-left:0;border-top:1px solid #ffffff22}.feature-grid article{min-height:0;padding:24px 0}.feature-grid p{min-height:0}.belief{padding:75px 0}.landing-cta{padding:52px 20px}.work-nav{padding:18px}.work-status{display:none}.work-wrap{width:min(100% - 32px,1120px);padding-top:45px}.work-grid{grid-template-columns:1fr}.record-card,.timeline-card{padding:20px}.timeline-entry{grid-template-columns:74px 1fr}.work-intro h1{font-size:43px}}

/* Library study hero: the digital family office as a living archive room */
.library-hero { --library-x:72%; --library-y:54%; isolation:isolate; background:#100a0c; }.library-photo { position:absolute; z-index:-3; inset:0; background-image:url('assets/family-office-library-hero-v2.png'); background-position:center; background-size:cover; transform:scale(1.025); animation:librarySettle 2.2s cubic-bezier(.16,1,.3,1) both; }.library-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(9,5,7,.96) 0%,rgba(12,6,10,.84) 26%,rgba(18,8,16,.38) 54%,rgba(9,5,9,.16) 100%),linear-gradient(0deg,rgba(4,2,5,.5),transparent 40%); }.library-cursor-light { position:absolute; z-index:-1; left:var(--library-x); top:var(--library-y); width:460px; height:460px; border-radius:50%; transform:translate(-50%,-50%); opacity:0; pointer-events:none; transition:opacity .35s ease, left .12s ease-out, top .12s ease-out; background:radial-gradient(circle,rgba(241,198,114,.24) 0,rgba(166,83,177,.13) 31%,rgba(70,32,75,.05) 53%,transparent 69%); mix-blend-mode:screen; filter:blur(5px); }.library-hero.is-lit .library-cursor-light { opacity:1; }.library-hero .landing-hero-content { padding-top:188px; }.library-hero .landing-intro { max-width:525px; text-shadow:0 2px 16px #000; }.library-hero h1 { max-width:850px; text-shadow:0 3px 30px #090406; }.library-hero .wordmark,.library-hero .hero-proof { text-shadow:0 2px 14px #000; }.library-hero .hero-actions .button { box-shadow:0 12px 25px #0008; }.library-markers { position:absolute; z-index:3; right:7%; bottom:8%; color:#f0d9aa; font:10px "DM Mono"; letter-spacing:.06em; pointer-events:none; }.marker { position:absolute; display:flex; align-items:center; gap:8px; width:max-content; opacity:.78; text-shadow:0 2px 10px #000; }.marker i { width:6px; height:6px; border-radius:50%; background:#e4bd72; box-shadow:0 0 0 5px #e4bd7225; }.marker-shelves { right:360px; bottom:250px; }.marker-ledger { right:40px; bottom:26px; }.library-markers:before,.library-markers:after { content:""; position:absolute; width:1px; background:linear-gradient(#e2bc75aa,transparent); transform-origin:top; }.library-markers:before{right:304px;bottom:119px;height:110px;transform:rotate(48deg)}.library-markers:after{right:90px;bottom:29px;height:66px;transform:rotate(42deg)}@keyframes librarySettle{from{transform:scale(1.095);filter:blur(6px)}to{transform:scale(1.025);filter:blur(0)}}
@media(max-width:760px){.library-photo{background-position:60% center}.library-shade{background:linear-gradient(90deg,rgba(9,5,7,.92),rgba(11,5,10,.58)),linear-gradient(0deg,rgba(4,2,5,.6),transparent 50%)}.library-hero .landing-hero-content{padding-top:145px}.library-cursor-light,.library-markers{display:none}.library-hero h1{font-size:47px}.library-hero .landing-intro{max-width:355px}}