:root{--ink:#07162f;--muted:#62718c;--line:#dce7f6;--blue:#2563eb;--cyan:#16c7d9;--pale:#f5f9ff;--card:#fff;--shadow:0 24px 80px rgba(29,78,216,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f9fbff 60%,#fff 100%);line-height:1.55}a{color:inherit;text-decoration:none}.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:82px;width:min(1220px,calc(100% - 24px));margin:10px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 20px;position:sticky;top:10px;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(220,231,246,.9);border-radius:20px;box-shadow:0 10px 40px rgba(15,23,42,.06)}.brand img{width:210px;display:block}.site-header nav{display:flex;gap:28px;font-size:14px;color:#33415f}.site-header nav a:hover{color:var(--blue)}.site-header>.button{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#1977ff);color:white;font-weight:750;box-shadow:0 12px 28px rgba(37,99,235,.22);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,.28)}.button-small{padding:10px 16px;font-size:14px}.button-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{min-height:720px;display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center;padding:84px 0 78px}.eyebrow,.kicker,.section-heading>span,.split-heading .kicker{font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#42618b}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--cyan);margin-right:9px;box-shadow:0 0 0 5px rgba(22,199,217,.11)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,7vw,86px);line-height:.97;letter-spacing:-.055em;margin:24px 0}.hero h1 span{display:block;color:var(--blue)}.lede{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:32px 0 38px}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof-row div{padding:16px;border-left:2px solid var(--line)}.proof-row strong,.proof-row span{display:block}.proof-row strong{font-size:15px}.proof-row span{font-size:12px;color:var(--muted);margin-top:4px}.hero-visual{margin:0;position:relative}.hero-visual:before{content:"";position:absolute;inset:-12%;background:radial-gradient(circle,rgba(22,199,217,.17),rgba(37,99,235,.07) 40%,transparent 70%);filter:blur(18px);z-index:-1}.hero-visual img{width:100%;display:block;border-radius:28px;box-shadow:var(--shadow);border:1px solid #e6eef9}.hero-visual figcaption{font-size:12px;color:#71809b;margin-top:10px;text-align:center}.section{padding:100px 0;border-top:1px solid #edf2fa}.section-heading{max-width:790px;margin-bottom:40px}.section-heading h2,.split-heading h2,.about-grid h2,.cta h2,.claude-card h2{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 16px}.section-heading p,.split-heading p,.about-grid p,.cta p,.claude-card p{color:var(--muted);font-size:18px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.use-card,.hardware-card,.status-panel{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 38px rgba(7,22,47,.045)}.feature-card,.use-card{padding:30px;min-height:220px}.feature-card .icon,.use-card>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-weight:900;font-size:22px}.feature-card h3,.use-card h3{font-size:22px;margin:28px 0 8px}.feature-card p,.use-card p{color:var(--muted)}.split-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:38px}.prototype-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.hardware-card{padding:34px;display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}.board-visual{height:260px;border-radius:24px;background:radial-gradient(circle at 30% 20%,#1b3e77,#07162f 68%);display:grid;place-items:center;position:relative;overflow:hidden}.board-visual:before,.board-visual:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(22,199,217,.2);border-radius:50%}.board-visual:before{left:-40px;top:-30px}.board-visual:after{right:-50px;bottom:-40px}.chip{padding:34px 24px;border-radius:18px;background:linear-gradient(145deg,#202f4c,#0c1423);color:white;font-weight:800;box-shadow:0 0 0 5px #0a2747,0 0 50px rgba(22,199,217,.26)}.status-chip{display:inline-block;background:#e8fbfd;color:#087b8a;font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px}.hardware-card h3,.status-panel h3{font-size:26px;margin:12px 0 18px}.hardware-card ul{padding:0;margin:0;list-style:none;color:var(--muted)}.hardware-card li{padding:7px 0;border-bottom:1px solid #eef3fa}.hardware-card li:before{content:"•";color:var(--blue);font-weight:900;margin-right:9px}.status-panel{padding:34px}.status-item{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:19px 0;border-top:1px solid #edf2f8}.status-item:first-of-type{border-top:0}.status-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.status-mark.done{background:#e7faf2;color:#087d55}.status-mark.progress{background:#fff5dc;color:#aa6a00}.status-mark.planned{background:#edf3ff;color:var(--blue)}.status-item strong{font-size:15px}.status-item p{font-size:13px;color:var(--muted);margin:4px 0 0}.pipeline{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:10px 2px 18px}.pipeline-card{min-width:150px;flex:1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:8px;box-shadow:0 8px 24px rgba(7,22,47,.035)}.pipeline-card b{font-size:11px;color:#8b9ab1}.pipeline-card .pipe-icon{font-size:27px;color:var(--blue)}.pipeline-card strong{font-size:15px}.pipeline-card small{color:var(--muted);line-height:1.35}.pipeline-card.accent{border-color:#80dce7;background:linear-gradient(180deg,#effdff,#fff)}.arrow{display:grid;place-items:center;color:#7a91b3;font-size:20px}.truth-note{padding:15px 18px;border-radius:12px;background:#f4f8ff;color:#5d6f8b;font-size:13px;margin:18px 0 0}.use-card{min-height:240px}.why-claude{padding-top:56px}.claude-card{padding:54px;border-radius:30px;background:linear-gradient(135deg,#07162f,#102955 70%,#0a6b82);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;box-shadow:0 30px 80px rgba(7,22,47,.2)}.claude-card .kicker{color:#7fe7f0}.claude-card p{color:#c7d5eb}.claude-points{display:grid;gap:11px;align-content:center}.claude-points span{padding:15px 17px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:13px}.claude-points span:before{content:"✓";color:#75e7f1;margin-right:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.cta{margin-top:50px;margin-bottom:40px;padding:52px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(120deg,#f6fbff,#fff);display:flex;align-items:center;justify-content:space-between;gap:34px}.cta>div{max-width:760px}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:24px 0 38px;color:#728099;font-size:12px}.footer img{width:170px}.footer p{margin:0}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{max-width:720px}.prototype-grid,.split-heading,.about-grid,.claude-card{grid-template-columns:1fr}.hardware-card{grid-template-columns:220px 1fr}.three-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer p{margin-top:0}}@media(max-width:650px){.section-shell{width:min(100% - 26px,1180px)}.site-header{height:70px}.brand img{width:170px}.site-header>.button{display:none}.hero{padding:50px 0 56px;gap:32px}.hero h1{font-size:52px}.lede{font-size:17px}.proof-row{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button{width:100%}.section{padding:70px 0}.section-heading h2,.split-heading h2,.about-grid h2,.cta h2,.claude-card h2{font-size:39px}.prototype-grid{grid-template-columns:1fr}.hardware-card{grid-template-columns:1fr}.board-visual{height:220px}.claude-card{padding:32px 24px}.cta{padding:32px 24px;display:block}.cta .button{margin-top:18px}.arrow{min-width:24px}.footer img{width:150px}}