@charset "UTF-8";

:root { --ink:#1c2d3b; --slate:#5d6b76; --cloud:#f6f8fa; --white:#fff; --line:#dde4ea; --blue:#2f6fed; --radius:.75rem; color:var(--ink); background:var(--cloud); font-family:Manrope,"Helvetica Neue",Arial,sans-serif; font-synthesis:none; text-rendering:optimizeLegibility; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cloud); } a { color:inherit; }
.site-header,.section,.site-footer,.value-strip { width:min(100% - 3rem,74rem); margin-inline:auto; }
.site-header { min-height:5.75rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }.brand { display:inline-flex; align-items:center; }.brand img { display:block; width:9.9rem; height:auto; }.navigation { display:flex; align-items:center; gap:1.75rem; margin-left:auto; }.navigation a,.header-login,.site-footer { font-size:.8125rem; font-weight:600; text-decoration:none; }.navigation a { color:var(--slate); }.navigation a:hover { color:var(--ink); }.header-login { color:var(--blue); }.header-login span { font-size:1rem; margin-left:.2rem; }
.hero { width:min(100% - 3rem,74rem); min-height:39rem; margin:1rem auto 0; padding:clamp(3rem,7vw,6.5rem) clamp(1.5rem,7vw,6rem); border-radius:1.5rem; background:linear-gradient(135deg,#edf4ff 0%,#f8fbff 47%,#e8f0fa 100%); overflow:hidden; position:relative; display:flex; align-items:center; }.hero-copy { width:min(100%,36rem); position:relative; z-index:2; }.eyebrow { margin:0 0 1.25rem; color:var(--blue); font-size:.6875rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.052em; font-weight:600; } h1 { margin-bottom:1.5rem; max-width:42rem; font-size:clamp(2.75rem,5.25vw,5.1rem); line-height:.99; }.hero-lead { max-width:31rem; margin-bottom:2rem; color:var(--slate); font-size:clamp(1rem,1.35vw,1.125rem); line-height:1.7; }.hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; }.button { display:inline-flex; min-height:3rem; padding:.75rem 1.4rem; align-items:center; justify-content:center; border:1px solid transparent; border-radius:.5rem; font-size:.875rem; font-weight:700; text-decoration:none; transition:transform 150ms ease,background 150ms ease,border-color 150ms ease; }.button:hover { transform:translateY(-1px); }.button-primary { background:var(--ink); color:var(--white); }.button-primary:hover { background:#2d4353; }.button-secondary { border-color:var(--line); background:rgba(255,255,255,.72); color:var(--ink); }.button-secondary:hover { background:var(--white); border-color:#c9d3dc; }
.hero-visual { position:absolute; z-index:1; inset:0 0 0 48%; display:grid; place-items:center; }.hero-visual img { width:min(31vw,25rem); opacity:.94; filter:drop-shadow(0 1.4rem 1.8rem rgba(41,87,130,.16)); }.orb { position:absolute; width:22rem; height:22rem; border-radius:50%; filter:blur(2px); }.orb-one { background:rgba(103,165,244,.2); transform:translate(15%,-27%); }.orb-two { background:rgba(192,218,251,.45); transform:translate(-30%,38%); }.object-card { position:absolute; z-index:2; width:10.75rem; padding:.75rem .9rem; border:1px solid rgba(255,255,255,.86); border-radius:.75rem; background:rgba(255,255,255,.74); box-shadow:0 .85rem 2.5rem rgba(34,69,103,.12); backdrop-filter:blur(8px); }.object-card-top { transform:translate(-52%,-104%); }.object-card-bottom { transform:translate(55%,110%); }.object-card span { display:block; margin-bottom:.3rem; color:var(--slate); font-size:.625rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; }.object-card strong { font-size:.74rem; font-weight:700; }.object-card i { display:inline-block; width:.42rem; height:.42rem; margin-left:.3rem; border-radius:50%; background:#46b882; }
.value-strip { display:flex; align-items:center; justify-content:space-between; padding:2.6rem .35rem; color:var(--slate); font-size:.75rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.value-strip p { margin:0; }.value-strip span { width:.25rem; height:.25rem; border-radius:50%; background:#b7c5d3; }.section { padding-block:clamp(4.5rem,9vw,8rem); }.products { display:grid; grid-template-columns:1.08fr 1.92fr; gap:clamp(3rem,8vw,9rem); border-top:1px solid var(--line); }.section-intro>p:not(.eyebrow),.example-copy>p:not(.eyebrow),.start-action p { color:var(--slate); font-size:1rem; line-height:1.7; } h2 { margin-bottom:1.3rem; font-size:clamp(2.15rem,4.1vw,3.9rem); line-height:1.04; }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; align-items:start; }.product-grid article { min-height:16.5rem; padding:1.45rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); }.product-number { display:block; margin-bottom:3.2rem; color:var(--blue); font-size:.72rem; font-weight:800; letter-spacing:.08em; } h3 { margin-bottom:.65rem; font-size:1.05rem; letter-spacing:-.025em; }.product-grid p { margin:0; color:var(--slate); font-size:.84rem; line-height:1.65; }
.example { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(3rem,8vw,9rem); align-items:center; border-top:1px solid var(--line); }.code-window { overflow:hidden; border-radius:var(--radius); background:#1c2d3b; box-shadow:0 1.4rem 2.7rem rgba(31,53,70,.13); color:#e9f2fb; }.window-bar { display:flex; align-items:center; gap:.35rem; min-height:3rem; padding:0 .9rem; background:#263b4c; }.window-bar span { width:.42rem; height:.42rem; border-radius:50%; background:#5d7180; }.window-bar b { margin-left:.55rem; color:#afc0cc; font:600 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; } pre { margin:0; padding:1.5rem; overflow-x:auto; font:.77rem/1.75 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } code { white-space:pre; }.key { color:#80c7ff; }.string { color:#b6e6b4; } pre em { color:#efce79; font-style:normal; }
.approach { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,9rem); border-top:1px solid var(--line); }.approach-list { padding-top:1rem; }.approach-list p { display:grid; grid-template-columns:2.5rem 1fr; gap:1rem; margin:0; padding:1.35rem 0; border-top:1px solid var(--line); color:var(--slate); font-size:.95rem; line-height:1.65; }.approach-list p:last-child { border-bottom:1px solid var(--line); }.approach-list b { color:var(--blue); font-size:.72rem; }.approach-list span { max-width:25rem; }.start { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(3rem,8vw,9rem); margin-bottom:2.5rem; padding:clamp(3rem,6vw,5rem); border-radius:1.5rem; background:var(--ink); color:var(--white); }.start h2 { margin:0; }.start .eyebrow { color:#89b2ff; }.start-action { align-self:end; }.start-action p { color:#c9d6df; }.start .button-primary { background:var(--white); color:var(--ink); }.start .button-primary:hover { background:#eaf1f7; }.site-footer { display:grid; grid-template-columns:1fr auto auto; gap:2rem; padding:2rem 0 3rem; color:var(--slate); border-top:1px solid var(--line); }.site-footer p { margin:0; }.site-footer>a:last-child { color:var(--ink); }.footer-brand img { width:8.5rem; }
@media(max-width:52rem){.site-header,.section,.site-footer,.value-strip,.hero{width:min(100% - 2rem,40rem)}.site-header{min-height:4.75rem}.brand img{width:8.6rem}.navigation{display:none}.hero{min-height:42rem;align-items:flex-start;padding:3.75rem 1.5rem}.hero-copy{width:100%}.hero-visual{inset:auto -8% -2.5rem 11%;height:16rem}.hero-visual img{width:14.5rem}.object-card-top{transform:translate(-48%,-68%)}.object-card-bottom{transform:translate(48%,64%)}.orb{width:15rem;height:15rem}.value-strip{gap:.75rem;padding-block:1.75rem;font-size:.56rem}.value-strip span{display:none}.products,.example,.approach,.start{grid-template-columns:1fr;gap:2.25rem}.product-grid{grid-template-columns:1fr}.product-grid article{min-height:auto}.product-number{margin-bottom:1.6rem}.section{padding-block:4.25rem}.example{gap:1rem}.code-window{margin-top:1rem}.approach-list{padding:0}.start{margin-bottom:1rem;padding:2rem 1.5rem}.site-footer{grid-template-columns:1fr;gap:1rem;padding-block:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}