:root{color-scheme:dark;--bg:#101113;--surface:#17191d;--line:#303237;--muted:#a0a3ad;--accent:#8aafff;font-family:Arial,Helvetica,sans-serif;color:#f4f4f5;background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.065em}h2{font-size:clamp(42px,5.5vw,82px);line-height:1.04}h3{font-weight:400;letter-spacing:-.035em}p{line-height:1.65;color:var(--muted)}[hidden]{display:none!important}.mono,.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.12em;line-height:1.8;color:#a4a7af}.muted{color:#747982}.silver{background:linear-gradient(100deg,#f8f9fa,#8b94a5);background-clip:text;color:transparent}.skip{position:fixed;top:-100px;z-index:50;background:white;color:black;padding:15px}.skip:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:40}header{height:92px;display:flex;align-items:center;gap:36px;padding:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.brand{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:-.02em;font-weight:600;white-space:nowrap}.brand svg{width:30px;height:32px;fill:none;stroke:currentColor;stroke-width:2}.brand span{color:#8d929b}nav{display:flex;gap:26px;margin-left:auto;font-size:12px;color:#b3b6bf}nav a:hover{color:white}.project-cta{padding:13px 0;font-size:12px;display:flex;gap:38px;border-bottom:1px solid #767b84}.menu{display:none;font-size:23px;min-width:44px;min-height:44px}.hero{padding:35px 4.5% 0;position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between}.hero-heading{display:flex;justify-content:space-between;align-items:end;margin-top:60px;position:relative;z-index:2;pointer-events:none}.hero h1{font-size:clamp(65px,9.4vw,148px);line-height:.94}.hero h1 span{color:#969da9}.hero-heading p{font-size:15px;width:230px;margin:0 2% 10px 20px}.architecture{height:470px;position:relative;margin-top:-40px}canvas{width:100%;height:100%;display:block}.arch-label{position:absolute;left:0;bottom:26px}.arch-axis{position:absolute;left:0;top:110px;color:#666c78}.arch-controls{position:absolute;right:0;bottom:26px;display:flex;gap:18px}.arch-controls button{font-size:11px;padding:13px 0;border-bottom:1px solid #545861;display:flex;gap:20px}.hero-bottom{border-top:1px solid var(--line);padding:23px 0 32px;display:flex;align-items:center;justify-content:space-between}.hero-bottom p{font-size:12px;line-height:1.5}.line-link{display:inline-flex;gap:45px;align-items:center;font-size:14px;padding:15px 0;border-bottom:1px solid #5a5e66}.line-link:hover{color:var(--accent)}.section{padding:115px 7%;border-bottom:1px solid var(--line);scroll-margin-top:0}.statement h2{margin-top:36px}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:11%;max-width:840px;margin:45px 0 0 auto}.split-copy p:first-child{font-size:23px;color:#dedfe3;line-height:1.4}.split-copy p:last-child{font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head h2{margin-top:25px}.section-head>p{max-width:330px;font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.project{text-align:left;padding:0;min-width:0}.capture{position:relative;overflow:hidden;background:#20242c;aspect-ratio:1.6;border:1px solid #30353d;padding:28px 24px 0}.capture img{width:100%;box-shadow:0 15px 40px #0007;transition:transform .6s ease;display:block}.project:hover img{transform:translateY(-8px) scale(1.02)}.capture-note{position:absolute;bottom:12px;left:18px;font-size:8px;letter-spacing:.15em;padding:6px;background:#111b;color:#f5f5f5}.project-title{padding-top:20px}.project-title h3{font-size:30px;margin-top:7px;display:flex;justify-content:space-between}.project-title h3 span{font-size:24px;color:#8a91a1}.project:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#17191d}.project:last-child .project-title{padding:35px}.footnote{font-size:11px;margin-top:25px;max-width:800px}.expertise-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:8%}.service-tabs{display:flex;flex-direction:column}.service-tabs button{padding:23px 0;display:flex;text-align:left;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:22px;letter-spacing:-.03em;min-height:80px}.service-tabs button span{font-size:10px;color:#7e8390;font-family:monospace}.service-tabs button[aria-selected=true]{color:var(--accent)}.service-tabs button[aria-selected=true]:after{content:'↗';margin-left:auto}.service-panel{background:var(--surface);padding:36px;min-height:510px}.service-panel h3{font-size:35px;line-height:1.15;margin:20px 0}.service-panel p{font-size:14px}.system-map{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.system-map span{padding:14px;border:1px solid #3e4553;font-family:monospace;font-size:11px;flex:1;min-width:100px}.system-map span:nth-child(2){border-color:#829ecb;background:#1b2536}.tags,.project-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:25px 0}.tags li,.project-tags span{font-size:10px;border:1px solid #454953;padding:8px 10px}.lab{background:linear-gradient(145deg,#151a23,#101113 60%)}.lab-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.lab-tabs button{font-size:12px;padding:18px 0;border-bottom:2px solid transparent}.lab-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.lab-panel{border:1px solid #343b49;background:#12151b}.lab-toolbar{min-height:67px;padding:15px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #343b49;font-size:11px}.lab-toolbar>.mono{margin-right:auto}.lab-toolbar label{display:flex;align-items:center;gap:8px}.lab-toolbar button{border:1px solid #4c5363;padding:9px 12px}.lab-toolbar select{background:#242a35;color:#eee;border:1px solid #4c5363;padding:6px}.lab-toolbar input[type=color]{width:30px;height:26px;border:0;background:none;padding:0}.dashboard{display:grid;grid-template-columns:165px 1fr}.dashboard aside{padding:30px 20px;display:flex;flex-direction:column;gap:25px;border-right:1px solid #343b49;font-size:11px;color:#8c94a4}.console-logo{font-size:22px;color:var(--accent);margin-bottom:20px}.dashboard aside .active{color:var(--accent)}.dashboard aside small{font-size:8px;line-height:1.8;margin-top:auto}.dashboard-main{padding:35px;min-width:0}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.dash-title h3{font-size:28px;margin:12px 0 28px}.status-dot{font-size:10px;color:var(--accent)}.status-dot:before{content:'●';margin-right:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics article{border:1px solid #343b49;padding:22px;display:flex;flex-direction:column;gap:12px}.metrics article>span{font-size:11px;color:#a6adba}.metrics strong{font-size:30px;letter-spacing:-.04em;font-weight:400}.metrics small{font-size:9px;color:#838b9a}.chart-panel{border:1px solid #343b49;margin-top:20px;padding:20px}.chart-panel>div,.records>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:15px}.chart-panel svg{display:block;width:100%;height:auto}.records{margin-top:25px;font-size:12px}.records button{width:100%;display:flex;justify-content:space-between;border-top:1px solid #343b49;padding:16px 0;text-align:left;gap:12px}.records button span{color:var(--accent);font-size:10px}.records p{font-size:11px;margin-top:15px;min-height:35px}.compact .metrics article{padding:12px}.compact .dashboard-main{padding:20px}.compact .chart-panel{max-height:180px;overflow:hidden}.workflow-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:45px 30px}.workflow-nodes article{border:1px solid #3e4655;min-height:160px;padding:20px;transition:background .3s}.workflow-nodes article span{font:9px monospace;color:#9ba6ba}.workflow-nodes h3{font-size:23px;margin:22px 0 10px}.workflow-nodes p{font-size:11px}.workflow-nodes .done{border-color:var(--accent);background:#1f3046}.workflow-nodes .failed{border-color:#db997e;background:#402b28}.flow-log{padding:25px 30px;border-top:1px solid #343b49;font:12px/1.8 monospace;color:#afb9cb;min-height:90px}.modern-frame{height:350px;position:relative;overflow:hidden}.modern-layer{position:absolute;inset:0;padding:40px;overflow:hidden}.modern-old{background:#dad5cb;color:#343434;font-family:Georgia,serif}.modern-old h3{font-size:26px;letter-spacing:0}.modern-old table{border-collapse:collapse;width:100%;margin:35px 0;font:15px 'Courier New',monospace}.modern-old th,.modern-old td{border:1px solid #7f807d;padding:12px;text-align:left}.modern-old p{color:#444}.modern-new{background:#192231;clip-path:inset(0 35% 0 0)}.modern-new h3{font-size:38px;margin:20px 0;color:#e9edf6}.modern-new p{font-size:11px}.modern-stats{display:flex;gap:20px;margin-bottom:30px}.modern-stats strong{font-size:13px;font-weight:400;color:var(--accent);padding:12px;border:1px solid #485467}.lab-panel>.footnote{padding:0 25px 20px}.method-steps{display:grid;grid-template-columns:repeat(6,1fr)}.method-steps button{border-top:1px solid #444a54;padding:20px 10px 25px 0;text-align:left;display:flex;flex-direction:column;gap:20px;font-size:14px}.method-steps button span{font:10px monospace;color:#8c94a4}.method-steps button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.method-detail{max-width:700px;margin-left:auto;padding-top:35px}.method-detail h3{font-size:36px;margin:18px 0}.method-detail p{font-size:15px}.philosophy h2{margin-top:25px}.philosophy .line-link{margin-top:30px}.final-cta{background:radial-gradient(ellipse at 75% 100%,#242d41,transparent 70%)}.final-cta h2{font-size:clamp(72px,10vw,150px);margin:35px 0}.big-cta{display:flex;width:100%;justify-content:space-between;align-items:center;border-top:1px solid #656a73;border-bottom:1px solid #656a73;padding:25px 0;font-size:26px}.big-cta span{font-size:50px;font-weight:200}.final-cta>a{display:block;margin-top:35px;font-size:14px;color:#9ba3b1}footer{padding:35px 4.5%;display:flex;gap:25px;align-items:center;font-size:10px;color:#8d94a1}footer .brand{font-size:13px;color:#ddd}footer>span{margin-right:auto}footer button{font-size:10px}dialog{width:min(860px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:1px solid #4c5360;background:#181c24;padding:50px;color:#f4f5f7}dialog::backdrop{background:#050609d9;backdrop-filter:blur(10px)}dialog .close{position:absolute;right:15px;top:12px;width:44px;height:44px;font-size:32px;color:#adb4c2}dialog h2{font-size:48px;margin:25px 0}dialog h3{font-size:24px;margin:20px 0}dialog p{font-size:14px;margin:20px 0}dialog img{display:block;width:100%;margin:30px auto;border:1px solid #3c4553}dialog img.mobile-crop{width:250px;height:420px;object-fit:cover;object-position:top;border-radius:25px;border:8px solid #414752}.readiness{border-left:2px solid var(--accent);padding-left:20px}.device-switch{display:flex;gap:15px}.device-switch button{border:1px solid #5a6374;padding:12px;font-size:12px}.device-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}fieldset{border:0;margin:25px 0;padding:0}legend{font-size:12px;margin-bottom:15px}form label{font-size:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}form input,form textarea,form select{padding:13px;background:#11151c;border:1px solid #444d5e;color:#eee;width:100%;border-radius:0}form .choices{display:flex;gap:15px}form .choices label{flex:1;position:relative}.choices input{position:absolute;opacity:0}.choices span{padding:15px;text-align:center;border:1px solid #454d5c}.choices input:checked+span{border-color:var(--accent);color:var(--accent)}.choices input:focus-visible+span{outline:2px solid white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-actions{display:flex;gap:15px;flex-wrap:wrap}.pill{border:1px solid #58647b;padding:15px;font-size:12px}.pill.dark{background:#c3d6ff;color:#11151c}.ui-icon{width:18px;height:18px}.form-note{font-size:10px!important}.honeypot{position:absolute;left:-9999px}.brand-options{display:grid;gap:20px}.brand-options article{border:1px solid #454d5c;padding:25px}.brand-options strong{font-size:35px;letter-spacing:-.04em}.brand-options article:nth-child(2) strong{font-family:monospace}.brand-options article:nth-child(3) span{color:var(--accent)}
@media(min-width:1600px){main{max-width:1900px;margin:auto}}@media(max-width:1000px){header{gap:20px}nav{gap:15px;font-size:10px}.hero-heading p{font-size:12px;width:190px}.architecture{height:420px}.section{padding:85px 5%}.dashboard{grid-template-columns:125px 1fr}.dashboard-main{padding:22px}.metrics article{padding:15px}.metrics strong{font-size:25px}.workflow-nodes{grid-template-columns:1fr 1fr}.service-tabs button{font-size:19px}.method-steps{grid-template-columns:repeat(3,1fr)}footer{flex-wrap:wrap}}@media(max-width:700px){header{height:78px;padding:0 5%;gap:20px}.brand{font-size:14px}.brand svg{width:25px}.project-cta{margin-left:auto;font-size:10px;gap:10px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#161a22;padding:25px;flex-direction:column;border-bottom:1px solid #444;font-size:16px;gap:22px}nav.open{display:flex}.hero{padding:22px 5% 0}.hero-meta{font-size:8px}.hero-meta span:last-child{display:none}.hero-heading{display:block;margin-top:46px}.hero h1{font-size:clamp(57px,13vw,86px);line-height:1}.hero-heading p{margin:24px 0 0;width:auto;line-height:1.5;font-size:12px}.hero-heading p br{display:none}.architecture{height:330px;margin-top:-15px}.arch-axis{display:none}.arch-label{font-size:7px;bottom:66px}.arch-controls{left:0;right:auto;bottom:13px}.hero-bottom .mono{display:none}.hero-bottom p{font-size:10px}.section{padding:70px 5%}.section-head{display:block;margin-bottom:32px}.section-head p{margin-top:25px;font-size:13px}.section-head h2{margin-top:20px}.split-copy{grid-template-columns:1fr;gap:22px;margin-top:30px}.split-copy p:first-child{font-size:21px}.project-grid{grid-template-columns:1fr;gap:35px}.capture{padding:20px 18px 0}.project-title h3{font-size:28px}.project:last-child{display:block;grid-column:auto;background:none}.project:last-child .project-title{padding:20px 0 0}.expertise-layout{display:block}.service-tabs{margin-bottom:30px}.service-tabs button{padding:17px 0;min-height:60px;font-size:19px}.service-panel{padding:25px;min-height:0}.service-panel h3{font-size:30px}.lab-tabs{gap:14px}.lab-tabs button{font-size:9px;text-align:left;line-height:1.5}.lab-toolbar{padding:16px;gap:14px}.lab-toolbar>.mono{width:100%;font-size:8px}.dashboard{display:block}.dashboard aside{display:none}.dashboard-main{padding:18px}.dash-title{display:block}.dash-title h3{font-size:23px;margin-bottom:15px}.status-dot{display:block;margin-bottom:20px}.metrics{gap:8px}.metrics article{padding:10px;gap:10px}.metrics article>span{font-size:8px;min-height:22px}.metrics strong{font-size:20px}.metrics small{display:none}.chart-panel{padding:12px}.chart-panel>div{font-size:10px}.records>div .mono{font-size:8px}.records button{font-size:11px}.workflow-nodes{padding:24px 15px;gap:12px}.workflow-nodes article{padding:14px;min-height:150px}.workflow-nodes h3{font-size:19px}.flow-log{padding:20px 15px;font-size:10px}.modern-layer{padding:25px}.modern-new h3{font-size:29px}.modern-stats{flex-direction:column;gap:8px}.modern-stats strong{font-size:10px;padding:8px}.modern-old table{font-size:11px}.modern-old td,.modern-old th{padding:8px}.modern-old p{font-size:11px}.modern-frame{height:380px}.method-steps button{font-size:12px;min-height:90px}.method-detail h3{font-size:29px}.final-cta h2{font-size:75px}.big-cta{font-size:23px}footer{gap:20px}footer>span{width:100%;order:5}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:30px 22px}dialog h2{font-size:36px}.choices span{font-size:11px;padding:12px}.brand-options strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Digital identity refinement: clean geometry, cobalt interactions, editorial index. */
:root{color:#f5f2eb;--accent:#9bb5ff;--cobalt:#2458ff}.brand svg{fill:currentColor;stroke:none;width:35px;height:35px}.brand{letter-spacing:-.04em;font-weight:600}.project-cta{background:var(--cobalt);padding:13px 18px;border:0;color:#fff;transition:background .2s}.project-cta:hover{background:#1742d2}nav a:hover{color:#c5d4ff}nav a{padding:10px 0}header{gap:25px}nav{gap:20px}.hero h1 span{color:#9faabc}.hero-heading p{line-height:1.8;width:255px}.lab,.final-cta{background:#12151b}.silver{background:none;color:#9bb5ff}.section{padding-top:90px;padding-bottom:90px}.statement{border-left:4px solid #2458ff}.lab-tabs button[aria-selected=true]{border-color:#2458ff}.service-tabs button[aria-selected=true]{color:#a9beff}.big-cta:hover{color:#b9caff}.pill.dark{background:#2458ff;color:#fff;border-color:#2458ff}.project-grid{grid-template-columns:1fr;gap:0}.project{display:grid;grid-template-columns:170px 1fr;gap:35px;align-items:center;padding:24px 0;border-top:1px solid #303237}.project .capture{aspect-ratio:1.55;padding:9px 8px 0}.project .capture-note{display:none}.project .project-title{padding:0}.project .project-title h3{font-size:34px}.project:first-child{grid-template-columns:1.5fr 1fr;padding:0 0 40px;border-top:0;gap:55px}.project:first-child .capture{padding:30px 25px 0;aspect-ratio:1.55}.project:first-child .project-title h3{font-size:45px;line-height:1.1;margin-top:20px}.project:last-child{display:grid;grid-template-columns:170px 1fr;grid-column:auto;background:none}.project:last-child .project-title{padding:0}.project:hover .project-title h3{color:#b7c9ff}.architecture-explorer{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #343b49}.layer-grid{display:grid;grid-template-columns:1fr 1fr;padding:30px;gap:12px;align-content:start}.layer-grid button{border:1px solid #424956;padding:20px;text-align:left;display:flex;flex-direction:column;gap:20px;min-height:110px;font-size:16px}.layer-grid button span{font:10px monospace;color:#8d9ab0}.layer-grid button[aria-selected=true]{background:#2458ff;color:white;border-color:#2458ff}.layer-grid button[aria-selected=true] span{color:#dbe3ff}.layer-grid button:last-child{grid-column:1/-1;min-height:95px}.layer-detail{border-left:1px solid #343b49;padding:40px;background:#171b23}.layer-detail h3{font-size:38px;margin:20px 0}.layer-detail p{font-size:14px}.layer-path{display:flex;gap:9px;margin:30px 0;align-items:center;flex-wrap:wrap}.layer-path span{border:1px solid #4f5e76;padding:12px;font:11px monospace}.layer-path i{font-style:normal;color:#a6bdff}.layer-detail dl{margin:30px 0 0}.layer-detail dt{font:10px monospace;color:#9bb5ff;text-transform:uppercase;margin:20px 0 10px}.layer-detail dd{font-size:13px;line-height:1.7;color:#b6bdc9;margin:0}.identity-display{display:flex;gap:30px;align-items:center;margin:40px 0;padding:30px;background:#101113}.identity-display svg{width:110px;height:110px;flex-shrink:0}.identity-display strong{font-size:30px;letter-spacing:-.04em}.identity-display strong span{color:#8f99aa}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.palette span{font:10px/1.8 monospace}.palette span:before{content:'';display:block;background:var(--swatch);height:60px;margin-bottom:12px;border:1px solid #495061}.system-map span:nth-child(2){background:#1b2536;border-color:#6e88b9}
@media(max-width:1100px){header{gap:15px}nav{gap:12px;font-size:10px}.project-cta{gap:15px}.project:first-child{gap:30px}.project:first-child .project-title h3{font-size:36px}.layer-grid{padding:20px}.layer-detail{padding:30px}}
@media(max-width:700px){.section{padding-top:65px;padding-bottom:65px}.project{grid-template-columns:90px 1fr;gap:18px;padding:22px 0}.project .project-title h3{font-size:25px}.project .mono{font-size:8px}.project:first-child{display:block}.project:first-child .project-title{padding-top:25px}.project:first-child .project-title h3{font-size:35px;margin-top:10px}.project:last-child{grid-template-columns:90px 1fr;gap:18px}.architecture-explorer{display:block}.layer-grid{padding:18px;gap:10px}.layer-grid button{padding:15px;min-height:90px;font-size:14px}.layer-detail{border-left:0;border-top:1px solid #343b49;padding:25px}.layer-detail h3{font-size:29px}.identity-display{padding:20px;gap:20px}.identity-display svg{width:70px;height:70px}.identity-display strong{font-size:20px}.palette{grid-template-columns:1fr 1fr}.brand svg{width:28px;height:28px}.project-cta{padding:11px}.hero-heading p{width:auto}.project:last-child .project-title{padding:0}}