/* Premium Bento Grid Website - custom CSS, no external framework */
:root{--bg:#050a13;--bg2:#08111f;--panel:rgba(15,23,42,.72);--panel2:rgba(15,23,42,.92);--line:rgba(148,163,184,.18);--text:#eef6ff;--muted:#97a6ba;--soft:#dbe8f7;--emerald:#34d399;--blue:#60a5fa;--gold:#f5c76b;--shadow:0 30px 90px rgba(0,0,0,.45);--radius:28px;--max:1180px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;color:var(--text);font-family:var(--font);line-height:1.6;background:radial-gradient(circle at 12% 8%,rgba(52,211,153,.18),transparent 28%),radial-gradient(circle at 86% 12%,rgba(96,165,250,.16),transparent 30%),radial-gradient(circle at 48% 72%,rgba(129,140,248,.1),transparent 34%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 48%,#030712 100%)}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent 88%)}a{color:inherit;text-decoration:none}a:hover{color:var(--emerald)}button,input,select{font:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:18px;top:-70px;background:var(--emerald);color:#03140d;padding:12px 16px;border-radius:999px;z-index:1000}.skip-link:focus{top:18px}.site-header{position:sticky;top:0;z-index:60;background:rgba(5,10,19,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.04em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--emerald),var(--blue));color:#041015;box-shadow:0 0 36px rgba(52,211,153,.22)}.site-nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{color:var(--muted);font-weight:750;font-size:.92rem;padding:9px 11px;border-radius:999px}.site-nav a.active,.site-nav a:hover{background:rgba(148,163,184,.12);color:var(--text)}.nav-toggle{display:none;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:9px 13px;font-weight:800}h1,h2,h3{line-height:1.04;margin:0;letter-spacing:-.06em}h1{font-size:clamp(3rem,7vw,6.8rem)}h2{font-size:clamp(2rem,4.6vw,4.2rem)}h3{font-size:clamp(1.2rem,2vw,1.7rem)}p{margin:0}section{padding:70px 0}.eyebrow{display:inline-flex;color:var(--emerald);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;margin:0 0 13px}.lead{font-size:clamp(1.14rem,1.7vw,1.42rem);color:#d5e5f6;max-width:780px;margin:24px 0 14px}.support{color:var(--muted);font-size:1.05rem;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(15,23,42,.72);color:var(--text);border-radius:999px;padding:13px 17px;min-height:48px;font-weight:850;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.btn:hover,.btn:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(52,211,153,.45);box-shadow:0 0 0 6px rgba(52,211,153,.12);color:var(--text)}.btn.primary{background:linear-gradient(135deg,var(--emerald),#a7f3d0);color:#02130d;border:0}.btn.quiet{background:transparent}.hero-section{padding:92px 0 70px;min-height:calc(100vh - 74px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.signal-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.signal-chips span,.tag-row span{border:1px solid var(--line);background:rgba(148,163,184,.1);border-radius:999px;color:#dbeafe;font-weight:760;font-size:.84rem;padding:8px 10px}.system-card{min-height:520px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.48));border-radius:36px;box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}.system-card::after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,transparent,rgba(52,211,153,.18),transparent 30%);animation:spin 12s linear infinite;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.system-orbit{position:relative;z-index:1;min-height:350px;border-radius:28px;background:radial-gradient(circle at center,rgba(52,211,153,.1),transparent 36%),rgba(2,6,23,.55);border:1px solid var(--line)}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--emerald),var(--blue));color:#02130d;font-weight:900;box-shadow:0 0 40px rgba(52,211,153,.25)}.orbit-item{position:absolute;border:1px solid var(--line);background:rgba(15,23,42,.88);border-radius:999px;padding:10px 13px;font-weight:850;color:var(--soft)}.item-a{left:10%;top:16%}.item-b{right:12%;top:18%}.item-c{left:12%;bottom:18%}.item-d{right:14%;bottom:16%}.system-lines{position:relative;z-index:1;margin-top:18px;display:grid;gap:10px}.system-lines p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7f7da;border:1px solid var(--line);background:rgba(2,6,23,.56);border-radius:16px;padding:12px}.bento-section{padding:70px 0}.section-head{max-width:780px;margin-bottom:26px}.section-head p:not(.eyebrow){color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.path-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:24px;padding:18px;text-align:left;cursor:pointer;transition:.35s ease;min-height:138px}.path-card strong{display:block;font-size:1.05rem;margin-bottom:7px}.path-card span{color:var(--muted);font-size:.94rem}.path-card.active,.path-card:hover{border-color:rgba(52,211,153,.45);background:linear-gradient(180deg,rgba(52,211,153,.12),rgba(15,23,42,.72))}.path-result{margin-top:16px;border:1px solid rgba(52,211,153,.28);background:rgba(52,211,153,.08);border-radius:24px;padding:20px}.path-result p{color:var(--muted);margin-top:7px}.bento-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;grid-auto-rows:minmax(220px,auto);gap:16px}.bento-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.18);transition:transform .35s ease,border-color .35s ease,background .35s ease;position:relative;overflow:hidden}.bento-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(52,211,153,.1),transparent 30%);opacity:.75;pointer-events:none}.bento-card:hover{transform:translateY(-5px);border-color:rgba(96,165,250,.35);background:rgba(15,23,42,.86)}.bento-card.large{grid-column:span 2}.bento-card.tall{grid-row:span 2}.bento-card p{color:var(--muted);margin-top:10px}.bento-card a{display:inline-flex;margin-top:15px;font-weight:850;color:var(--emerald)}.skill-stack{display:flex;flex-wrap:wrap;gap:9px}.skill-stack span{padding:9px 10px;border-radius:999px;background:rgba(96,165,250,.13);border:1px solid rgba(96,165,250,.22);font-size:.86rem;font-weight:790}.journey-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.journey-rail{position:relative;min-height:360px;border:1px solid var(--line);background:var(--panel);border-radius:36px;box-shadow:var(--shadow);overflow:hidden}.rail-line{position:absolute;left:7%;right:7%;top:52%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--emerald),var(--blue),var(--gold));transform:rotate(-8deg)}.rail-marker{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--emerald);box-shadow:0 0 26px rgba(52,211,153,.55);left:8%;top:48%;transition:left .55s ease,top .55s ease}.journey-nodes{position:absolute;inset:0}.journey-node{position:absolute;border:1px solid var(--line);background:rgba(15,23,42,.9);color:var(--text);border-radius:18px;padding:9px;min-width:74px;cursor:pointer}.journey-node span{display:block;color:var(--emerald);font-weight:900}.journey-node small{display:block;color:var(--muted);font-size:.72rem;line-height:1.15}.journey-node.active{border-color:rgba(52,211,153,.55)}.journey-node:nth-child(1){left:6%;top:56%}.journey-node:nth-child(2){left:15%;top:49%}.journey-node:nth-child(3){left:24%;top:42%}.journey-node:nth-child(4){left:33%;top:35%}.journey-node:nth-child(5){left:42%;top:28%}.journey-node:nth-child(6){left:51%;top:35%}.journey-node:nth-child(7){left:60%;top:42%}.journey-node:nth-child(8){left:69%;top:49%}.journey-node:nth-child(9){left:78%;top:56%}.journey-node:nth-child(10){left:87%;top:49%}.journey-detail{border:1px solid var(--line);background:var(--panel2);border-radius:36px;padding:26px;box-shadow:var(--shadow)}.journey-detail p{color:var(--muted);margin-top:10px}.journey-detail span{display:inline-flex;margin-top:16px;color:var(--emerald);font-weight:850}.work-grid,.service-grid,.content-grid{display:grid;gap:16px}.work-grid,.service-grid,.content-grid.three{grid-template-columns:repeat(3,1fr)}.content-grid.two,.content-grid{grid-template-columns:repeat(2,1fr)}.card-icon{width:44px;height:44px;border-radius:14px;background:rgba(52,211,153,.14);display:grid;place-items:center;color:var(--emerald);font-weight:900;margin-bottom:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.search-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:1px solid var(--line);background:var(--panel);border-radius:36px;padding:28px;box-shadow:var(--shadow)}.search-preview p{color:var(--muted);margin-top:10px}.search-preview-box{display:flex;gap:9px;flex-wrap:wrap;align-content:center}.search-chip,.popular-searches button{border:1px solid var(--line);background:rgba(148,163,184,.1);color:var(--text);border-radius:999px;padding:10px 12px;font-weight:850;cursor:pointer}.final-cta{text-align:center}.final-cta p{color:var(--muted);margin:12px auto 22px;max-width:760px}.page-hero{padding:76px 0 56px;background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(15,23,42,.05))}.page-hero p:not(.eyebrow){color:var(--muted);font-size:1.14rem;max-width:860px;margin-top:17px}.content-section{padding:66px 0}.content-card,.service-detail,.work-detail,.timeline-card,.coming-soon,.contact-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.content-card p,.service-detail p,.work-detail p,.timeline-card p,.coming-soon p,.contact-card p,.muted{color:var(--muted)}.content-card ul{color:var(--muted);padding-left:20px}.service-detail,.work-detail,.timeline-card{margin-bottom:16px}.service-detail p,.work-detail p{margin-top:10px}.timeline-meta,.stage-topline{display:flex;justify-content:space-between;gap:12px;color:var(--emerald);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;margin-bottom:10px}dl{display:grid;gap:8px;margin:16px 0 0}dt{color:var(--soft);font-weight:900}dd{margin:0;color:var(--muted)}.journey-page-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.journey-side{position:sticky;top:96px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:18px}.journey-side p{color:var(--muted);font-size:.94rem;margin-top:15px}.mini-path{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-path a{border:1px solid var(--line);border-radius:12px;padding:9px;text-align:center;font-weight:900;color:var(--emerald)}.matcher{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.matcher-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.matcher-buttons button{border:1px solid var(--line);background:rgba(148,163,184,.09);color:var(--text);border-radius:999px;padding:10px 12px;font-weight:850;cursor:pointer}.matcher-buttons button.active{border-color:rgba(52,211,153,.48);background:rgba(52,211,153,.12)}.matcher-result{border:1px solid rgba(52,211,153,.24);background:rgba(52,211,153,.08);border-radius:20px;padding:18px}.matcher-result p{color:var(--muted)}.coming-soon{text-align:left}.status-pill{display:inline-flex;border:1px solid rgba(245,199,107,.32);background:rgba(245,199,107,.12);color:var(--gold);border-radius:999px;padding:8px 11px;font-weight:900;margin-bottom:12px}.planned-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.planned-list article{border:1px solid var(--line);background:rgba(148,163,184,.08);border-radius:20px;padding:16px}.contact-card{text-align:center}.contact-card .hero-actions{justify-content:center}.contact-card p{max-width:720px;margin:12px auto}.search-app{border:1px solid var(--line);background:var(--panel);border-radius:36px;padding:26px;box-shadow:var(--shadow)}.search-input-wrap label{display:block;font-weight:900;margin-bottom:10px}.search-input-wrap input{width:100%;border:1px solid var(--line);background:rgba(2,6,23,.65);color:var(--text);border-radius:22px;padding:18px 20px;font-size:1.08rem;outline:none}.search-input-wrap input:focus{border-color:rgba(52,211,153,.55);box-shadow:0 0 0 6px rgba(52,211,153,.12)}.popular-searches,.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.filter-row select{border:1px solid var(--line);background:rgba(15,23,42,.9);color:var(--text);border-radius:999px;padding:10px 13px}.search-count{color:var(--muted);margin:18px 0}.search-results{display:grid;gap:12px}.result-card{border:1px solid var(--line);background:rgba(15,23,42,.82);border-radius:22px;padding:18px;animation:resultIn .35s ease}@keyframes resultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.result-type,.result-status{font-size:.78rem;font-weight:900;border-radius:999px;padding:5px 8px;background:rgba(96,165,250,.14);color:#bfdbfe}.result-status{background:rgba(52,211,153,.12);color:#bbf7d0}.result-card p{color:var(--muted);margin:8px 0}.result-card mark{background:rgba(245,199,107,.32);color:var(--text);border-radius:4px;padding:0 2px}.no-results{border:1px dashed var(--line);border-radius:22px;padding:22px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-footer{border-top:1px solid var(--line);padding:42px 0;background:rgba(2,6,23,.62)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px}.footer-grid p{color:var(--muted);margin-top:8px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-weight:780}@media(max-width:980px){.hero-grid,.journey-preview,.search-preview,.journey-page-grid{grid-template-columns:1fr}.path-grid,.work-grid,.service-grid,.content-grid,.content-grid.two,.content-grid.three{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr 1fr}.bento-card.large{grid-column:span 2}.journey-side{position:static}}@media(max-width:720px){.shell{width:min(100% - 28px,var(--max))}.nav-shell{flex-wrap:wrap;min-height:auto;padding:12px 0}.nav-toggle{display:inline-flex}.site-nav{display:none;width:100%;padding:10px 0}.site-nav.open{display:flex}.hero-section{padding:64px 0}.path-grid,.work-grid,.service-grid,.content-grid,.content-grid.two,.content-grid.three,.bento-grid,.planned-list{grid-template-columns:1fr}.bento-card.large{grid-column:auto}.system-card{min-height:430px}.journey-rail{min-height:520px}.rail-line{left:24%;right:auto;top:8%;bottom:8%;width:6px;height:auto;transform:none}.journey-node{left:32%!important;top:auto!important}.journey-node:nth-child(1){top:5%!important}.journey-node:nth-child(2){top:14%!important}.journey-node:nth-child(3){top:23%!important}.journey-node:nth-child(4){top:32%!important}.journey-node:nth-child(5){top:41%!important}.journey-node:nth-child(6){top:50%!important}.journey-node:nth-child(7){top:59%!important}.journey-node:nth-child(8){top:68%!important}.journey-node:nth-child(9){top:77%!important}.journey-node:nth-child(10){top:86%!important}.rail-marker{left:24%!important}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.system-card::after{animation:none}.reveal{opacity:1;transform:none}}
