@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:IBM Plex Sans,sans-serif;line-height:1.5;font-weight:400;color:#132028;background:radial-gradient(circle at 0% 0%,rgba(244,181,98,.22),transparent 30%),radial-gradient(circle at 90% 10%,rgba(70,125,171,.18),transparent 28%),linear-gradient(180deg,#f5f0e8,#f2eee6);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink-strong: #14242c;--ink-muted: #59686f;--line: rgba(19, 32, 40, .1);--surface: rgba(255, 250, 244, .84);--surface-strong: #fffaf2;--accent: #0f5c6e;--accent-strong: #093e4a;--sunrise: #ef8d32;--sunrise-strong: #d8751e;--danger: #c75146;--shadow: 0 24px 60px rgba(18, 33, 40, .11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:26px 24px 48px}.ambient{position:absolute;z-index:0;filter:blur(18px);opacity:.84;pointer-events:none}.ambient-left{top:180px;left:-90px;width:300px;height:300px;border-radius:44% 56% 39% 61%/52% 36% 64% 48%;background:#ef8d3233}.ambient-right{top:48px;right:-72px;width:330px;height:330px;border-radius:59% 41% 62% 38%/40% 55% 45% 60%;background:#0f5c6e24}.site-header,.hero,.content-grid,.footer-bar{position:relative;z-index:1}.site-header,.hero,.content-grid,.footer-bar{max-width:1280px;margin-left:auto;margin-right:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#2b7a8a);color:#fffaf2;font-family:Space Grotesk,sans-serif;font-size:1.35rem;box-shadow:0 10px 26px #0f5c6e38}.brand-lockup strong,.hero h1,.panel h2,.service-card h3,.feature-card h3,.step-card h3,.device-card h4,.hero-card strong{font-family:Space Grotesk,sans-serif}.eyebrow,.section-kicker{margin:0 0 6px;letter-spacing:.16em;text-transform:uppercase;font-size:.77rem;color:var(--accent-strong)}.top-nav{display:flex;gap:16px;color:var(--ink-muted);flex-wrap:wrap}.top-nav a{padding:8px 0}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.78fr);gap:24px;margin-bottom:24px}.hero-copy,.hero-card,.panel,.service-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-copy,.hero-card,.panel,.service-card{border-radius:30px}.hero-copy{padding:34px}.hero h1{margin:0;max-width:13ch;font-size:clamp(2.9rem,6vw,5.2rem);line-height:.96;color:var(--ink-strong)}.hero-text,.hero-supporting,.panel-heading p,.feature-card p,.step-card p,.device-card p,.device-card small,.result-actions p,.hero-card-row span,.download-notes,.footer-bar,.inline-note,.service-card p,.window-lines,.top-nav,.brand-lockup strong{color:var(--ink-muted)}.hero-text{max-width:54ch;margin:18px 0 0;font-size:1.05rem}.hero-supporting{margin:18px 0 0}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:.95rem}.pill-accent{background:#0f5c6e1f;color:var(--accent-strong)}.pill-sunrise{background:#ef8d3224;color:#8b4f1c}.pill-neutral{background:#ffffffb8;border-color:#13202814}.hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.solid-link,.ghost-link,.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.solid-link,.primary-button{background:linear-gradient(135deg,var(--sunrise),#f6b15e);color:#fffaf2;box-shadow:0 14px 26px #ef8d3240}.ghost-link,.secondary-button{background:#ffffffc7;border-color:#13202814;color:var(--ink-strong)}.ghost-button{background:transparent;border-color:#1320281f;color:var(--ink-muted)}.danger-button{background:#c751461a;border-color:#c751462e;color:var(--danger)}.disabled{pointer-events:none;opacity:.55}.solid-link:hover,.ghost-link:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.hero-preview{padding:22px;display:grid;gap:14px;align-content:start}.app-window{border-radius:22px;overflow:hidden;border:1px solid rgba(19,32,40,.08);background:#fef9f2}.window-dots{display:flex;gap:8px;padding:12px 14px;background:#1320280a}.window-dots span{display:block;width:10px;height:10px;border-radius:50%;background:#1320282e}.window-body{padding:18px 18px 20px}.window-timeline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.window-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#0f5c6e1a;color:var(--accent-strong);font-size:.88rem}.window-lines{display:grid;gap:10px;font-size:.95rem}.line{padding:10px 12px;border-radius:14px;background:#1320280a}.line-strong{background:#ef8d3224;color:var(--ink-strong)}.hero-card-row{display:flex;justify-content:space-between;gap:18px;padding-top:8px;border-top:1px solid rgba(19,32,40,.08)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel{padding:28px}.panel-wide{grid-column:1 / -1}.panel-sunrise{background:linear-gradient(180deg,#fffbf5f2,#fff6eaeb),radial-gradient(circle at top right,rgba(239,141,50,.16),transparent 36%)}.panel-ocean{background:linear-gradient(180deg,#f4fbfbf2,#eff8f7eb),radial-gradient(circle at top left,rgba(15,92,110,.14),transparent 32%)}.panel-neutral{background:#fffbf6e6}.panel-heading h2{margin:0 0 10px;color:var(--ink-strong);font-size:clamp(1.82rem,3vw,2.5rem)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.feature-card,.step-card,.download-card,.result-card,.device-session,.device-card{border:1px solid rgba(19,32,40,.08);background:#ffffffb8;border-radius:22px}.feature-card{padding:18px}.feature-icon,.step-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ef8d3229;color:var(--accent-strong);font-family:Space Grotesk,sans-serif}.feature-card h3{margin:14px 0 8px;color:var(--ink-strong);font-size:1.12rem}.download-card{display:flex;justify-content:space-between;gap:18px;padding:18px;margin-top:22px;align-items:center}.download-copy h3{margin:0 0 8px;font-size:1.35rem;color:var(--ink-strong)}.download-copy p{margin:0 0 8px}.download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.steps-grid{display:grid;gap:16px;margin-top:20px}.compact-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{padding:18px}.step-card h3{margin:14px 0 8px;color:var(--ink-strong);font-size:1.12rem}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.service-card{padding:24px}.service-card h3{margin:0 0 8px;color:var(--ink-strong);font-size:1.32rem}.stack-form{display:grid;gap:14px;margin-top:18px}.stack-form label,.token-box{display:grid;gap:8px}.stack-form span,.token-box span{color:var(--ink-muted);font-size:.95rem}input,textarea{width:100%;border-radius:18px;border:1px solid rgba(19,32,40,.12);background:#fffc;color:var(--ink-strong);padding:14px 16px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus{border-color:#0f5c6e75;box-shadow:0 0 0 4px #0f5c6e14}textarea{min-height:164px;resize:vertical}.inline-error{margin:16px 0 0;color:var(--danger)}.inline-note{margin:16px 0 0}.result-card,.device-session{margin-top:18px;padding:18px}.result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.result-meta span{display:block;color:var(--ink-muted);font-size:.84rem}.result-meta strong{color:var(--ink-strong)}.result-actions,.session-actions,.device-flow{display:flex;gap:12px;flex-wrap:wrap}.result-actions{align-items:center;justify-content:space-between;margin-top:16px}.device-flow{margin-top:18px}.device-flow form{flex:1 1 260px}.device-session-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.device-session-header h3{margin:4px 0 6px;color:var(--ink-strong);font-size:1.28rem}.device-list{display:grid;gap:12px;margin-top:18px}.device-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.device-card h4{margin:0 0 4px;font-size:1.05rem}.device-card p,.device-card small{margin:0}.empty-state{margin-top:18px;padding:18px;border-radius:18px;background:#ffffffad;color:var(--ink-muted)}.footer-bar{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding:0 4px;font-size:.95rem}@media(max-width:1120px){.hero,.content-grid,.service-grid,.feature-grid{grid-template-columns:1fr}.compact-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-shell{padding:18px 14px 30px}.site-header,.hero,.content-grid{gap:18px}.site-header,.download-card,.device-session-header,.device-card,.footer-bar{flex-direction:column;align-items:stretch}.top-nav,.download-actions,.session-actions,.result-actions{width:100%}.hero-copy,.hero-card,.panel,.service-card{padding:22px;border-radius:22px}.compact-steps,.result-meta{grid-template-columns:1fr}}