:root{--sky-bg:#60c5f7;--sky-light:#e0f4fe;--sky-accent:#38bdf8;--sky-deep:#0284c7;--warm-amber:#fbbf24;--warm-peach:#fde68a;--emerald:#10b981;--navy:#1e293b;--navy-deep:#0f172a;--slate:#475569;--muted:#64748b;--white:#fff;--surface-soft:#f8fafc;--border-soft:#0f172a14;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--navy);-webkit-font-smoothing:antialiased;background:linear-gradient(145deg,#5cc3f6 0%,#38bdf8 55%,#7dd3fc 100%)}body{background:radial-gradient(circle at 82% 12%,#ffffff47,#0000 36%),radial-gradient(circle at 14% 85%,#ffffff38,#0000 40%),linear-gradient(145deg,#56c0f5 0%,#38bdf8 55%,#67cdf8 100%);min-height:100vh;padding:28px 18px 64px}.page-shell{background:var(--white);border-radius:34px;max-width:1240px;margin:0 auto;padding:26px 44px 48px;position:relative;overflow:hidden;box-shadow:0 32px 80px -18px #07598547}.shape-semi-amber{background:#f5b971;border-radius:24px 24px 0 0;flex-shrink:0;width:24px;height:12px;display:inline-block}.navbar{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:6px 0 26px;display:flex}.brand-group{color:var(--navy);white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--sky-light);border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--navy);font-size:1.25rem;font-weight:800}.nav-links{flex:auto;justify-content:center;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--slate);white-space:nowrap;padding:6px 2px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--sky-deep)}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.pill-btn{white-space:nowrap;cursor:pointer;height:40px;font-size:.86rem;font-weight:700;line-height:1;font-family:var(--font-sans);border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 18px;text-decoration:none;transition:all .18s;display:inline-flex}.pill-btn-lg{height:48px;padding:0 26px;font-size:.94rem}.pill-btn-lang{height:40px;color:var(--slate);background:#f8fafc;border-color:#0f172a1a;padding:0 13px;font-size:.8rem;font-weight:700}.pill-btn-lang:hover{color:var(--navy);background:#f1f5f9}.pill-btn-sky{color:var(--white);background:#38bdf8;box-shadow:0 8px 20px -6px #0284c77a}.pill-btn-sky:hover{background:#0284c7;transform:translateY(-1px)}.pill-btn-soft{color:#0284c7;background:#f0f9ff;border-color:#0284c733}.pill-btn-soft:hover{color:#0369a1;background:#e0f2fe}.hero-section{grid-template-columns:.98fr 1.12fr;align-items:center;gap:36px;padding:12px 0 44px;display:grid;position:relative}.hero-kicker{color:#0284c7;align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-headline{font-family:var(--font-display);color:#1e293b;letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.45rem,3.9vw,3.55rem);font-weight:800;line-height:1.12}.smile-badge-inline{vertical-align:middle;background:#f5b971;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:10px;display:inline-flex;transform:translateY(-4px)}.hero-copy{color:var(--slate);max-width:470px;margin-bottom:28px;font-size:1.02rem;line-height:1.65}.hero-visual-stage{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.hero-backdrop-rect{z-index:1;background:linear-gradient(#5cc3f6 0%,#38bdf8 100%);border-radius:26px;width:68%;height:68%;position:absolute;bottom:22px;left:14%}.hero-main-photo{z-index:2;object-fit:cover;border:4px solid var(--white);border-radius:26px;width:min(400px,88%);height:405px;position:relative;box-shadow:0 22px 48px -12px #0f172a38}.hero-Secondary-arch{border:5px solid var(--white);z-index:2;background:var(--sky-light);border-radius:999px 999px 20px 20px;width:186px;height:206px;position:absolute;top:-6px;right:0;overflow:hidden;box-shadow:0 18px 38px -10px #0f172a2e}.hero-Secondary-arch img{object-fit:cover;width:100%;height:100%}.floating-card-left{z-index:3;background:var(--white);border:1px solid var(--border-soft);border-radius:20px;align-items:center;gap:12px;max-width:270px;padding:14px 18px;display:flex;position:absolute;bottom:12px;left:0;box-shadow:0 20px 44px -10px #0f172a29}.floating-card-right{z-index:3;background:var(--white);border:1px solid var(--border-soft);border-radius:22px;width:245px;padding:16px 18px;position:absolute;bottom:24px;right:0;box-shadow:0 20px 44px -10px #0f172a29}.pillars-section{padding:36px 0}.section-header-center{text-align:center;max-width:680px;margin:0 auto 32px}.section-title{font-family:var(--font-display);color:var(--navy);letter-spacing:-.025em;margin-bottom:10px;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:800}.section-subtitle{color:var(--slate);font-size:.98rem;line-height:1.6}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pillar-card{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:24px;padding:26px;transition:transform .2s,box-shadow .2s}.pillar-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -12px #0f172a14}.pillar-icon{border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.35rem;display:grid}.showcase-card{background:var(--navy-deep);color:var(--white);border-radius:28px;margin:28px 0;padding:32px;box-shadow:0 24px 54px -14px #0f172a47}.showcase-grid{grid-template-columns:1.25fr .95fr;align-items:center;gap:28px;margin-top:22px;display:grid}.mode-btn{white-space:nowrap;color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;height:36px;padding:0 15px;font-size:.8rem;font-weight:600;transition:all .15s}.mode-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.cloud-strip{background:linear-gradient(135deg,#f0f9ff 0%,#f8fafc 100%);border:1px solid #38bdf840;border-radius:26px;margin:32px 0;padding:30px}.cloud-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.cloud-tile{background:var(--white);border:1px solid var(--border-soft);border-radius:18px;padding:18px}.waitlist-banner{color:var(--white);text-align:center;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border-radius:28px;margin-top:32px;padding:42px 36px}.waitlist-form{flex-wrap:wrap;justify-content:center;gap:12px;max-width:620px;margin:24px auto 0;display:flex}.waitlist-input{height:48px;color:var(--navy);background:var(--white);border:none;border-radius:999px;outline:none;flex:220px;padding:0 20px;font-size:.94rem}.waitlist-select{appearance:none;background-color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:0 42px 0 20px;font-weight:600}.waitlist-submit{color:#0f172a;white-space:nowrap;cursor:pointer;background:#f5b971;border:none;border-radius:999px;height:48px;padding:0 28px;font-size:.94rem;font-weight:800;transition:transform .15s,background .15s}.waitlist-submit:hover{background:#fbbf24;transform:translateY(-1px)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);border-radius:26px;width:min(480px,100%);padding:30px;box-shadow:0 25px 60px -15px #0f172a4d}@media (width<=1040px){.nav-links{gap:18px}}@media (width<=920px){.page-shell{padding:22px 20px 36px}.hero-section,.pillars-grid,.showcase-grid,.cloud-grid{grid-template-columns:1fr}.nav-links,.hero-Secondary-arch{display:none}}
