@font-face{font-family:Syne;src:url(/assets/fonts/Syne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/assets/fonts/Syne-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/assets/fonts/Syne-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/assets/fonts/Syne-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(/assets/fonts/Syne-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--color-primary: #0a1128;--color-secondary: #001f54;--color-tertiary: #034078;--color-quaternary: #1282a2;--color-quinary: #fefcfb}html{scroll-behavior:smooth;scroll-padding-top:6rem;background:radial-gradient(circle at top left,rgba(18,130,162,.14),transparent 20%),radial-gradient(circle at top right,rgba(3,64,120,.16),transparent 24%),linear-gradient(180deg,#081022,#0a1128 45%,#040912)}body{margin:0;min-height:100vh;font-family:Syne,Segoe UI,sans-serif;background:transparent;color:var(--color-quinary)}*{box-sizing:border-box}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}.home-page{width:min(1180px,100vw - 1.5rem);margin:0 auto;padding:1.15rem 0 4rem}.section{position:relative;margin-top:1.1rem;border:1px solid rgba(254,252,251,.08);border-radius:1.6rem;overflow:clip;background:#0a112894;box-shadow:0 24px 60px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1.5rem;padding:clamp(1.6rem,3vw,2.6rem);align-items:center;background:radial-gradient(circle at top left,rgba(18,130,162,.18),transparent 34%),radial-gradient(circle at 85% 10%,rgba(3,64,120,.16),transparent 28%),linear-gradient(145deg,#0a1128e0,#011f54b3)}.hero-copy h1,.section-heading h2,.contact-panel h2{font-family:Syne,Segoe UI,sans-serif;letter-spacing:-.03em;line-height:.98;color:var(--color-quinary)}.hero-copy h1{font-size:clamp(2rem,3vw,3.1rem);max-width:12ch;margin:.5rem 0 0}.eyebrow{margin:0;color:#fefcfbb3;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.lead,.section-heading p,.capability-card p,.example-card p,.contact-panel p,.footer-copy{color:#fefcfbbd;line-height:1.65}.lead{max-width:58ch;margin:1rem 0 0;font-size:1.05rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.35rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.95rem;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button-primary{background:var(--color-quinary);color:var(--color-primary)}.button-secondary{border:1px solid rgba(254,252,251,.14);color:var(--color-quinary);background:#fefcfb0d}.button:hover,.capability-card a:hover{transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:not-allowed;transform:none}.hero-points,.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.hero-points{margin-top:1.2rem}.hero-points span,.chip-row span,.example-type,.example-index{border-radius:999px;font-size:.82rem}.hero-points span,.chip-row span,.example-type,.example-index{background:#fefcfb0f;color:#fefcfbe0;border:1px solid rgba(254,252,251,.08)}.hero-visual{position:relative;min-height:26rem;display:grid;place-items:center}.visual-orbit{position:absolute;inset:12% 8%;border-radius:2rem;background:radial-gradient(circle at 20% 20%,rgba(18,130,162,.25),transparent 30%),radial-gradient(circle at 80% 30%,rgba(3,64,120,.25),transparent 28%),radial-gradient(circle at 65% 75%,rgba(254,252,251,.08),transparent 18%);filter:blur(2px)}.visual-card{position:relative;z-index:1;border-radius:1.5rem;border:1px solid rgba(254,252,251,.1);background:#050b1cb8;box-shadow:0 20px 48px #00000040}.visual-card-large{padding:1.1rem;transform:translateY(-.5rem)}.visual-card-float{position:absolute;right:.5rem;bottom:1rem;width:min(17rem,85%);padding:1rem 1.05rem;animation:float 5.8s ease-in-out infinite}.mini-header{display:flex;align-items:center;gap:.7rem;color:var(--color-quinary);font-weight:600}.mini-header img{width:1.8rem;height:1.8rem;object-fit:contain}.mock-lines{display:grid;gap:.65rem;margin:1rem 0 1.1rem}.mock-lines span{display:block;height:.8rem;border-radius:999px;background:linear-gradient(90deg,#fefcfb3d,#fefcfb0f)}.mock-lines span:nth-child(2){width:72%}.mock-lines span:nth-child(3){width:55%}.mock-panel{padding:1rem;border-radius:1.1rem;background:#fefcfb0d;border:1px solid rgba(254,252,251,.08)}.visual-card-large .mock-panel.hero-rotating-copy{height:6.2rem;display:grid;align-content:start;overflow:hidden}.visual-card-large .mock-panel.hero-rotating-copy span{display:block;height:1.2em;overflow:hidden}.visual-card-large .mock-panel.hero-rotating-copy strong{display:block;height:2.5em;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-rotating-copy span,.hero-rotating-copy strong{transition:opacity .32s ease,transform .32s ease,filter .32s ease}.hero-rotating-copy.is-transitioning span,.hero-rotating-copy.is-transitioning strong{opacity:0;transform:translateY(-.5rem);filter:blur(1px)}.mock-panel span,.visual-card-float span,.illustration-placeholder span,.example-type{color:#fefcfbad}.mock-panel strong,.visual-card-float strong,.illustration-placeholder strong,.capability-card h3,.example-card h3,.footer-brand strong{display:block;color:var(--color-quinary);font-family:Syne,Segoe UI,sans-serif}.visual-card-float strong{margin-top:.35rem;line-height:1.25}.visual-card-large .mock-panel.hero-rotating-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25}.section-heading{padding:clamp(1.3rem,2.5vw,2rem);max-width:54rem}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-heading.split>*{flex:1}.section-heading h2{margin:.45rem 0 0;font-size:clamp(2rem,3vw,3.1rem)}.section-heading p{margin:.95rem 0 0;max-width:60ch}.explanation-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr) minmax(220px,.75fr);gap:1rem;padding:0 1.2rem 1.2rem}.illustration-card{min-height:14rem}.illustration-card-large{grid-row:span 2;min-height:29rem}.illustration-placeholder{height:100%;min-height:14rem;padding:1.15rem;border-radius:1.25rem;background:radial-gradient(circle at top left,rgba(18,130,162,.18),transparent 32%),linear-gradient(145deg,#011f54b8,#050b1cb8);border:1px dashed rgba(254,252,251,.14);display:flex;flex-direction:column;justify-content:space-between;gap:.25rem}.services-embedded-preview{margin-top:.85rem;width:100%}.services-embedded-preview .showcase-window{border-radius:1rem}.services-embedded-preview .showcase-frame{aspect-ratio:16/10}.illustration-placeholder.small{min-height:100%}.projects,.examples,.contact{padding:1.2rem}.examples{overflow:visible}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 1.2rem 1.2rem}.examples-showcase-shell{position:relative;overflow:visible}.capability-card,.example-card,.contact-panel{border-radius:1.25rem;border:1px solid rgba(254,252,251,.08);background:#fefcfb0a;padding:1.2rem}.example-card{position:relative;transition:border-color .18s ease,background .18s ease,transform .18s ease}.example-card.preview-active{border-color:#1282a2b3;background:linear-gradient(145deg,#0340784d,#1282a21a)}.capability-card.accent{background:linear-gradient(145deg,#03407859,#1282a22e)}.capability-card h3,.example-card h3{margin:0;font-size:1.25rem}.capability-card p,.example-card p{margin:.85rem 0 1rem}.capability-card a{display:inline-flex;margin-top:1rem;color:var(--color-quinary);text-decoration:none;font-weight:600}.example-preview-trigger{display:none;margin-top:.15rem;border:1px solid rgba(254,252,251,.18);border-radius:999px;background:#fefcfb0f;color:var(--color-quinary);min-height:2.1rem;padding:0 .8rem;font-size:.8rem;font-weight:600;cursor:pointer}.examples-showcase-shell app-project-showcase-preview.cursor-follow-preview{position:fixed;width:min(32rem,42vw);max-width:calc(100vw - 2rem);z-index:18;transition:left 80ms linear,top 80ms linear;pointer-events:none}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 1.2rem 1.2rem}.example-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.example-index{background:#fefcfb0f;border:1px solid rgba(254,252,251,.08);color:var(--color-quinary)}.example-type{padding-inline:.75rem;background:#fefcfb08}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem}.contact-panel h2{margin:.4rem 0 0;font-size:clamp(1.9rem,3vw,2.7rem)}.contact-modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 15%,rgba(18,130,162,.16),transparent 35%),radial-gradient(circle at 80% 80%,rgba(3,64,120,.14),transparent 32%),#040912c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-modal{width:min(40rem,100%);max-height:calc(100vh - 2rem);overflow:auto;border-radius:1.25rem;border:1px solid rgba(254,252,251,.12);background:radial-gradient(circle at top right,rgba(18,130,162,.12),transparent 30%),linear-gradient(145deg,#0a1128f5,#011f54c7);box-shadow:0 28px 64px #0006}.contact-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem .75rem}.contact-modal-header h3{margin:.45rem 0 0;font-size:clamp(1.35rem,2.4vw,1.9rem);color:var(--color-quinary);line-height:1.1}.contact-modal-header p{margin:.55rem 0 0;color:#fefcfbb8}.contact-modal-close{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid rgba(254,252,251,.16);background:#fefcfb0f;color:var(--color-quinary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.contact-modal-close span{font-size:1.3rem;line-height:1}.contact-modal-body{padding:0 1.2rem 1.2rem}.contact-modal-field{display:grid;gap:.45rem;margin-top:.85rem}.contact-modal-field span{color:#fefcfbd6;font-size:.92rem}.contact-modal-field select,.contact-modal-field input,.contact-modal-field textarea{width:100%;border-radius:.8rem;border:1px solid rgba(254,252,251,.16);background:#050b1cb8;color:var(--color-quinary);padding:.72rem .82rem;font-family:inherit}.contact-modal-field textarea{min-height:8rem;resize:vertical}.contact-modal-field select:focus,.contact-modal-field input:focus,.contact-modal-field textarea:focus,.contact-modal-close:focus-visible{outline:2px solid rgba(18,130,162,.8);outline-offset:2px}.contact-service-hint,.contact-modal-target-note{margin:.5rem 0 0;color:#fefcfb9e;font-size:.88rem;line-height:1.5}.contact-modal-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.contact-modal-feedback{margin:.75rem 0 0;border-radius:.75rem;border:1px solid rgba(254,252,251,.12);padding:.6rem .75rem;font-size:.9rem}.contact-modal-feedback.is-success{background:#2b8a3e33;border-color:#2b8a3e73;color:#ddffe4f2}.contact-modal-feedback.is-error{background:#b81e3938;border-color:#b81e3975;color:#ffdee4f2}.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem .35rem .25rem;color:#fefcfbb3}.footer-brand{display:inline-flex;align-items:center;gap:.8rem}.footer-brand img{width:2rem;height:2rem;object-fit:contain}.footer-brand span{display:block;font-size:.84rem}.footer-links{display:flex;flex-wrap:wrap;gap:.85rem}.footer-links a{color:inherit;text-decoration:none}.reveal{animation:reveal .7s ease both}.reveal:nth-of-type(2){animation-delay:80ms}.reveal:nth-of-type(3){animation-delay:.12s}.reveal:nth-of-type(4){animation-delay:.16s}.reveal:nth-of-type(5){animation-delay:.2s}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-8px,0) scale(1.02)}}@media(max-width:960px){.hero,.section-heading.split,.contact-panel,.footer{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.hero-visual{min-height:22rem}.explanation-layout,.capability-grid,.example-grid{grid-template-columns:1fr}.examples-showcase-shell app-project-showcase-preview.cursor-follow-preview{position:static;width:100%;max-width:100%;transition:none;pointer-events:auto}.example-preview-trigger{display:inline-flex;align-items:center;justify-content:center}.illustration-card-large{grid-row:auto;min-height:16rem}.footer{align-items:flex-start}}@media(max-width:640px){.contact-modal{border-radius:1rem}.contact-modal-header,.contact-modal-body{padding-inline:.95rem}.contact-modal-actions{flex-direction:column}.contact-modal-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.reveal,.visual-orbit,.visual-card-float{animation:none}.hero-rotating-copy span,.hero-rotating-copy strong,.button,.capability-card a{transition:none}}
