:root{--bg:#f8fafc;--bg-soft:#eaf4fb;--text:#01214d;--muted:#4b5563;--line:#c5d7e7;--panel:#ffffff;--accent:#157ac3;--accent-dark:#0c6bb5;--accent-deep:#09559d;--ink:#01214d;--logo-white:#f8fafc;--focus:#157ac3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit}.notomo-pixel{position:absolute;border:0}.skip-to-content{position:absolute;left:1rem;top:-4rem;z-index:20;background:var(--focus);color:#111827;padding:0.6rem 0.9rem;border-radius:4px;font-weight:700}.skip-to-content:focus{top:1rem}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:1.1rem clamp(1rem,4vw,2rem);color:#fff}.brand{display:inline-flex;align-items:center;gap:0.65rem;min-height:2.75rem;color:#fff;text-decoration:none;font-weight:800;letter-spacing:0}.brand-mark{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;flex:0 0 auto;padding:0.22rem;border:1px solid rgba(255,255,255,0.46);border-radius:8px;background:var(--logo-white)}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.main-nav{display:flex;align-items:center;gap:0.25rem;padding:0.25rem;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:rgba(15,15,15,0.46);backdrop-filter:blur(14px)}.main-nav a{min-height:2.75rem;display:inline-flex;align-items:center;padding:0.45rem 0.82rem;border-radius:6px;color:#fff;text-decoration:none;font-size:0.95rem;font-weight:650}.main-nav a:hover,.main-nav a:focus,.main-nav a[aria-current="page"]{background:rgba(255,255,255,0.14)}.hero{position:relative;min-height:min(780px,92svh);display:grid;align-items:center;overflow:hidden;padding:7rem clamp(1rem,5vw,2rem) 4rem;background:var(--ink);color:#fff}.coming-soon{min-height:100svh}.coming-soon .hero-content{display:block;max-width:760px}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7rem;background:linear-gradient(to bottom,rgba(248,250,252,0),var(--bg))}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(21,122,195,0.34),transparent 28rem),linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(135deg,#01214d 0,#061b35 100%);background-size:auto,42px 42px,42px 42px,auto}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,0.94fr) minmax(22rem,0.72fr);gap:clamp(2.5rem,7vw,6rem);align-items:center;max-width:1120px;width:min(100%,1120px);margin:0 auto}.hero-message{min-width:0}.hero-note,.section-kicker{margin:0 0 0.8rem;color:var(--accent);font-size:0.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .hero-note{color:var(--accent)}h1,h2,h3,p{overflow-wrap:break-word;word-break:normal}h1{max-width:none;margin:0;color:#fff;font-size:clamp(3.25rem,6vw,5.7rem);line-height:1.02;letter-spacing:0}.hero h1{overflow-wrap:normal;word-break:normal;hyphens:none}.coming-soon h1{max-width:12ch}.hero-copy{max-width:650px;margin:1rem 0 0;color:rgba(255,255,255,0.86);font-size:1.22rem}.coming-soon .hero-copy{max-width:28rem}.hero-system-card{overflow:hidden;border:1px solid rgba(255,255,255,0.2);border-radius:14px;background:rgba(5,20,39,0.82);box-shadow:0 2rem 5rem rgba(0,0,0,0.28);backdrop-filter:blur(18px)}.system-card-header,.system-flow{display:flex;align-items:center;justify-content:space-between;gap:0.8rem;padding:0.85rem 1rem;color:rgba(255,255,255,0.7);font:0.78rem/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.system-card-header{border-bottom:1px solid rgba(255,255,255,0.12)}.system-status{padding:0.25rem 0.5rem;border:1px solid rgba(117,211,166,0.46);border-radius:999px;color:#75d3a6}.system-code{padding:clamp(1.2rem,3vw,1.8rem);color:#dceeff;font:0.84rem/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.system-code p{margin:0 0 0.45rem}.system-code .system-prompt{margin:0.7rem 0 1rem;color:rgba(255,255,255,0.68)}.system-code .system-value{padding-left:1rem;color:#fff}.syntax-heading{color:#75d3a6}.syntax-setting{color:#7cc7ff}.system-flow{justify-content:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.12)}.system-flow b{color:#75d3a6}.hero-line{max-width:14ch;margin:1.2rem 0 0;color:#fff;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:800;line-height:1.4}.hero-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:0.7rem 1rem;border-radius:7px;border:1px solid transparent;text-decoration:none;font-weight:800;line-height:1.4}.button.primary{background:var(--accent-dark);color:#fff}.button.primary:hover,.button.primary:focus{background:var(--accent-deep)}.button.secondary{border-color:rgba(255,255,255,0.42);color:#fff;background:rgba(255,255,255,0.08)}.button.secondary:hover,.button.secondary:focus{background:rgba(255,255,255,0.16)}.section{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 0}h2{margin:0;font-size:2.8rem;line-height:1.4;letter-spacing:0}.contact-band p,.operating-notes li{color:var(--muted);font-size:1.08rem}.product-statement{display:grid;gap:1.1rem;max-width:900px;border-bottom:1px solid var(--line)}.product-statement p{margin:0;color:var(--muted);font-size:1.08rem}.product-statement p:first-child{color:var(--accent-dark);font-weight:800}.coming-details-heading{max-width:760px}.coming-details-heading>p:last-child{margin:1rem 0 0;color:var(--muted);font-size:1.08rem}.coming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-heading,.configuration-heading{max-width:760px}.format-heading>p:last-child,.configuration-heading>p:last-child{margin:1rem 0 0;color:var(--muted);font-size:1.08rem}.format-grid,.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2rem;border:1px solid var(--line);background:var(--line)}.format-card,.value-grid article{min-height:15rem;padding:clamp(1.35rem,3vw,2rem);background:var(--panel)}.format-token{display:inline-flex;min-width:3rem;margin-bottom:2.8rem;color:var(--accent-dark);font:800 1.1rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.format-card h3,.value-grid h3{margin:0 0 0.65rem;color:var(--ink);font-size:1.3rem}.format-card p,.value-grid p{margin:0;color:var(--muted)}.example-band{display:grid;grid-template-columns:minmax(0,0.74fr) minmax(20rem,0.56fr);gap:clamp(2rem,7vw,5rem);align-items:center}.example-band .button{margin-top:1.5rem}.example-code{max-height:34rem;margin:0;overflow:auto;padding:clamp(1.2rem,3vw,1.8rem);border-radius:8px;background:var(--ink);color:#dceeff;font:0.84rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap}.value-section>div:first-child{max-width:760px}.work-list{padding-top:clamp(2.5rem,6vw,4rem)}.work-list h2{max-width:740px;margin-bottom:2rem}.work-rows{border-top:1px solid var(--line)}.work-rows article{display:grid;grid-template-columns:minmax(10rem,0.42fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:start;padding:1.8rem 0;border-bottom:1px solid var(--line)}.work-rows h3{margin:0;color:var(--ink);font-size:1.55rem;line-height:1.4}.work-rows p{margin:0;color:var(--muted);font-size:1.08rem}.operating-notes{display:grid;grid-template-columns:minmax(0,0.72fr) minmax(18rem,0.84fr);gap:clamp(2rem,6vw,5rem);align-items:start}.operating-notes ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.operating-notes li{padding:1.05rem 0;border-bottom:1px solid var(--line)}.operating-notes a,.powered-band a{color:var(--accent-dark);font-weight:800;text-underline-offset:3px}.powered-band{width:min(1120px,calc(100% - 2rem));margin:0 auto 5rem;padding:clamp(2rem,6vw,4rem);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px}.ai-band{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(18rem,0.44fr);gap:clamp(2rem,7vw,5rem);align-items:center}.powered-band h2{max-width:850px}.powered-band p:last-child{max-width:760px;margin:1.2rem 0 0;color:var(--muted);font-size:1.08rem}.ai-boundary{position:relative;min-height:19rem;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(21,122,195,0.28);border-radius:8px;background:radial-gradient(circle at center,rgba(21,122,195,0.18),rgba(234,244,251,0) 58%),#fff}.ai-ring{position:absolute;width:min(72%,16rem);aspect-ratio:1;border:2px solid rgba(21,122,195,0.74);border-radius:50%;box-shadow:0 0 0 1.2rem rgba(21,122,195,0.08)}.ai-core{position:relative;z-index:1;display:grid;width:5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:1.35rem;font-weight:800}.ai-label,.ai-customer{position:absolute;z-index:1;padding:0.35rem 0.55rem;border:1px solid rgba(21,122,195,0.22);border-radius:7px;background:rgba(255,255,255,0.88);color:var(--ink);font-size:0.78rem;font-weight:800;line-height:1.4}.ai-label-top{top:2.2rem}.ai-label-right{right:1.3rem;top:45%}.ai-label-bottom{bottom:2.1rem}.ai-customer{right:1rem;bottom:1rem;color:var(--muted);border-style:dashed;opacity:0.72}.contact-band{width:min(1120px,calc(100% - 2rem));margin:0 auto 5rem;padding:clamp(2rem,6vw,4rem);background:var(--ink);color:#fff;border-radius:8px}.brand-page .site-header{position:relative;max-width:none;background:var(--ink)}.brand-hero{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(18rem,0.5fr);gap:clamp(2rem,7vw,6rem);align-items:center;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(3.5rem,9vw,7rem) 0 clamp(2.5rem,6vw,4rem)}.brand-hero h1{max-width:11ch;color:var(--ink);font-size:clamp(3rem,8vw,6.25rem);line-height:1.08;letter-spacing:-0.045em}.brand-hero p{max-width:650px;margin:1.4rem 0 0;color:var(--muted);font-size:1.18rem}.logo-stage{display:grid;min-height:20rem;place-items:center;background:var(--logo-white);border:1px solid var(--line);border-radius:8px}.logo-stage img,.logo-stage svg{width:min(58%,13rem);height:auto}.brand-section{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,7vw,5rem) 0;border-top:1px solid var(--line)}.brand-section h2{max-width:760px}.brand-grid,.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1.6rem;background:var(--line);border:1px solid var(--line)}.brand-card,.swatch{min-height:13rem;padding:clamp(1.2rem,3vw,1.8rem);background:var(--panel)}.brand-card h3,.swatch h3{margin:0 0 0.7rem;color:var(--ink);font-size:1.2rem;line-height:1.4}.brand-card p,.swatch p{margin:0;color:var(--muted)}.swatch{display:flex;flex-direction:column;justify-content:flex-end}.swatch.dark{background:var(--ink)}.swatch.core{background:var(--accent)}.swatch.gradient-dark{background:var(--accent-deep)}.swatch.gradient-bright{background:#157ac3}.swatch.dark h3,.swatch.dark p{color:var(--logo-white)}.swatch.core h3,.swatch.core p,.swatch.gradient-dark h3,.swatch.gradient-dark p,.swatch.gradient-bright h3,.swatch.gradient-bright p{color:var(--logo-white)}.type-sample{margin-top:1.6rem;padding:clamp(1.5rem,4vw,3rem);background:var(--ink);color:var(--logo-white);border-radius:8px}.type-sample p:first-child{margin:0;color:var(--accent);font-size:0.8rem;font-weight:800;text-transform:uppercase}.type-sample p:last-child{max-width:15ch;margin:0.8rem 0 0;color:var(--logo-white);font-size:clamp(2.4rem,8vw,5.5rem);font-weight:800;line-height:1.4}.contact-band h2{color:#fff}.contact-band p{max-width:700px;color:rgba(255,255,255,0.78)}.contact-band .button{margin-top:0.8rem}.site-footer{display:flex;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:0.95rem}.site-footer p{margin:0}.site-footer a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--accent-dark);font-weight:800}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:900px){.site-header{position:absolute}.hero{min-height:auto;align-items:center;padding-bottom:5rem}.hero-overlay{background:radial-gradient(circle at 70% 30%,rgba(21,122,195,0.3),transparent 24rem),linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(135deg,#01214d 0,#061b35 100%);background-size:auto,36px 36px,36px 36px,auto}.hero-content{grid-template-columns:1fr}h1{max-width:10ch;font-size:3.1rem}h2{font-size:2.35rem}.hero-copy{font-size:1.15rem}.product-statement,.ai-band,.example-band,.operating-notes,.brand-hero{grid-template-columns:1fr}.brand-grid,.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coming-grid{grid-template-columns:1fr}.format-grid,.value-grid{grid-template-columns:1fr}.work-rows article{grid-template-columns:1fr;gap:0.6rem}}@media (max-width:620px){.site-header{align-items:flex-start;gap:0.5rem;padding:0.75rem}.brand-mark{width:2.5rem;height:2.5rem}.brand-name{display:none}.main-nav{flex:1 1 auto;justify-content:flex-end;max-width:none}.main-nav a{min-height:2.5rem;padding:0.35rem 0.45rem;font-size:0.82rem}.hero{min-height:auto;padding-top:7rem}h1{font-size:2.45rem}h2{font-size:2rem}.hero-copy{font-size:1.05rem}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.brand-grid,.swatch-grid{grid-template-columns:1fr}.contact-band,.site-footer{border-radius:0;width:100%}.site-footer{flex-direction:column;padding-left:1rem;padding-right:1rem}}
