:root{--ink: #171821;--muted: #626879;--bg: #f8faf7;--panel: #ffffff;--panel-soft: #f2f6ee;--line: #dfe5da;--primary: #3157d5;--primary-dark: #233a8f;--accent: #0fa78f;--accent-dark: #087769;--teal: #0fa78f;--gold: #e7a73f;--rose: #e86f5c;--mist: #e8f0ff;--dark: #171c2f;--shadow: rgba(38, 47, 82, .12);--font-body: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Sora, Manrope, ui-sans-serif, system-ui, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,rgba(232,240,255,.86),transparent 30rem),linear-gradient(210deg,rgba(15,167,143,.1),transparent 28rem),var(--bg);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.section{padding:92px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--accent-dark);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.rotating-eyebrow{align-items:baseline;overflow:hidden;line-height:1.25;min-height:1.25em}.rotating-words{position:relative;display:inline-grid;min-width:176px;height:1.25em;overflow:hidden;vertical-align:baseline}.rotating-words span{grid-area:1 / 1;line-height:1.25;opacity:0;transform:translateY(100%);animation:rotate-words 15s infinite}.rotating-words span:nth-child(2){animation-delay:3s}.rotating-words span:nth-child(3){animation-delay:6s}.rotating-words span:nth-child(4){animation-delay:9s}.rotating-words span:nth-child(5){animation-delay:12s}@keyframes rotate-words{0%{opacity:0;transform:translateY(100%)}4%,18%{opacity:1;transform:translateY(0)}22%,to{opacity:0;transform:translateY(-100%)}}@media(prefers-reduced-motion:reduce){.rotating-words span{animation:none;opacity:0;transform:none}.rotating-words span:first-child{opacity:1}.flow-panel,.flow-status:before,.genie-ring,.genie-aura,.genie-image,.mascot-signal{animation:none}}.hero-title{margin:0;max-width:920px;font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.07;letter-spacing:0;font-family:var(--font-display);font-weight:800}.hero-title-accent{display:block;color:var(--primary)}.section-title{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;letter-spacing:0;font-family:var(--font-display);font-weight:800}.lead{color:var(--muted);font-size:clamp(1.03rem,1.6vw,1.18rem);line-height:1.62;font-weight:500}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;background:var(--primary);color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 14px 30px #3157d533;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 18px 34px #3157d53d}.button.secondary{color:var(--primary);background:#ffffffd1;border-color:#3157d538;box-shadow:none}.button.secondary:hover{border-color:#3157d557;box-shadow:0 12px 24px #262f5214}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:#f8faf7db;border-bottom:1px solid rgba(223,229,218,.78)}.nav-inner{position:relative;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.12rem;font-family:var(--font-display);font-weight:800;line-height:1}.brand-mark{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 70% 18%,rgba(138,244,231,.34),transparent 34%),linear-gradient(145deg,#edf6ff,#dceaff 48%,#f8fbff);border:1px solid rgba(49,87,213,.16);box-shadow:inset 0 1px #ffffffe0,0 10px 22px #3157d524;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.brand-mark img{position:relative;z-index:1;width:34px;height:34px;object-fit:contain;transform:translateY(1px);filter:drop-shadow(0 6px 10px rgba(23,47,84,.16))}.brand-word{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:900;color:var(--ink);letter-spacing:.01em}.brand-genie{position:relative;color:#2457e6}.brand-genie:after{content:"";position:absolute;left:.08em;right:.02em;bottom:-.2em;height:.16em;border-radius:999px;background:linear-gradient(90deg,#3157d52e,#0fa78f52)}.brand:hover .brand-mark{transform:translateY(-1px);border-color:#3157d53d;box-shadow:inset 0 1px #fffffff2,0 14px 28px #3157d52e}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:800;font-size:.92rem}.nav-links a:hover,.nav-item:focus-within .nav-trigger,.nav-item:hover .nav-trigger{color:var(--primary)}.nav-item{position:relative}.nav-trigger{display:inline-flex;align-items:center;min-height:44px}.nav-trigger:after{content:"";width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.nav-menu{position:absolute;top:calc(100% + 8px);left:50%;width:280px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 18px 44px #262f5221;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .15s ease,transform .15s ease}.nav-menu:before{content:"";position:absolute;inset:-10px 0 auto;height:10px}.nav-item:focus-within .nav-menu,.nav-item:hover .nav-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-menu a{display:grid;gap:3px;padding:12px;border-radius:8px}.nav-menu a:hover{background:var(--panel-soft)}.nav-menu strong{color:var(--ink);font-family:var(--font-display);font-size:.98rem;line-height:1.2}.nav-menu span{color:var(--muted);font-size:.83rem;font-weight:600;line-height:1.35}.mobile-nav{display:none}.mobile-nav summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffe0;color:var(--ink);cursor:pointer;font-weight:800;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.hamburger{display:grid;gap:4px}.hamburger span{width:18px;height:2px;border-radius:999px;background:currentColor}.mobile-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;gap:2px;width:min(320px,calc(100vw - 28px));padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 18px 44px #262f5226}.mobile-menu a{padding:12px;border-radius:8px;color:var(--muted);font-weight:800}.mobile-menu a:hover{background:var(--panel-soft);color:var(--primary)}.mobile-menu .button{margin-top:6px;color:#fff}.hero{padding:92px 0 70px;overflow:visible}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:44px;align-items:center}.hero-copy{max-width:760px}.hero-visual{position:relative;min-height:660px}.orb{position:absolute;inset:30px 0 auto auto;width:min(92vw,520px);aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#ffffffe6,#e8f0ffd1),linear-gradient(210deg,rgba(15,167,143,.2),transparent 22rem);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px var(--shadow);transform:rotate(3deg)}.hero-mascot-scene{position:relative;min-height:630px;padding:34px 28px 28px;border-radius:8px;background:radial-gradient(circle at 50% 28%,rgba(138,244,231,.18),transparent 17rem),linear-gradient(145deg,#ffffffe6,#e8f0ffc2);border:1px solid rgba(255,255,255,.88);box-shadow:0 30px 80px var(--shadow);overflow:hidden}.hero-mascot-scene:before{content:"";position:absolute;inset:22px 24px auto auto;width:180px;height:180px;border-radius:50%;background:#3157d521;filter:blur(34px)}.hero-mascot-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:300px}.genie-mascot.hero-genie{width:min(78%,340px);margin:0 auto}.mascot-signal{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#ffffffe0;color:var(--primary-dark);font-size:.78rem;font-weight:900;box-shadow:0 14px 32px #262f521a;animation:float-soft 5s ease-in-out infinite}.mascot-signal:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #0fa78f24}.mascot-signal-personal{left:2%;top:70px}.mascot-signal-business{right:0;bottom:70px;animation-delay:1.6s}.mascot-task-panels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.mascot-call-card{padding:16px;border-radius:8px;border:1px solid rgba(49,87,213,.14);background:#ffffffdb;box-shadow:0 12px 28px #262f520f}.mascot-call-card h3{margin:10px 0 8px;font-family:var(--font-display);font-size:1.03rem;line-height:1.16}.mascot-call-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.44}.mascot-call-card-business{background:#172f54;color:#fff;border-color:#8af4e73d}.mascot-call-card-business p{color:#e6f0ffc7}.mascot-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.42fr);gap:18px;align-items:center}.mascot-card .genie-mascot{width:min(100%,180px);justify-self:end}.mascot-card h3{margin-bottom:8px}.mascot-note{margin-top:18px;margin-bottom:28px;padding:18px;border-radius:8px;background:#e8f0ffb8;border:1px solid rgba(49,87,213,.14)}.mascot-note p{margin:0}.genie-mascot{--genie-accent: var(--accent);position:relative;display:grid;place-items:center;width:220px;margin:0;isolation:isolate}.genie-image{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(23,47,84,.18));animation:genie-hover 5.8s ease-in-out infinite}.genie-aura{position:absolute;z-index:0;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(138,244,231,.24),rgba(49,87,213,.08) 58%,transparent 72%);filter:blur(6px);animation:aura-breathe 3.8s ease-in-out infinite}.genie-ring{position:absolute;z-index:1;width:70%;aspect-ratio:1;border:2px solid rgba(49,87,213,.2);border-radius:50%;opacity:0;transform:scale(.72)}.genie-ring-two{animation-delay:1.1s}.genie-mascot-calling .genie-ring,.genie-mascot-retrying .genie-ring{animation:genie-ring 2.4s ease-out infinite}.genie-mascot-business{--genie-accent: #8af4e7}.genie-mascot-success .genie-status-dot{background:#20c997}.genie-mascot-thinking .genie-status-dot{background:var(--gold)}.genie-mascot-retrying .genie-status-dot{background:var(--rose)}.genie-status{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;margin-top:-42px;padding:8px 11px;border-radius:999px;background:#ffffffe0;color:var(--primary-dark);font-size:.76rem;font-weight:900;box-shadow:0 12px 28px #262f521a}.genie-status-dot{width:8px;height:8px;border-radius:50%;background:var(--genie-accent)}.mascot-step-grid{align-items:stretch}.mascot-step-card{display:grid;grid-template-rows:auto 1fr;gap:14px}.mascot-step-card .genie-mascot{width:min(72%,190px);justify-self:center}.pricing-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.26fr);gap:24px;align-items:end;max-width:900px;margin-bottom:32px}.pricing-intro .genie-mascot{width:min(100%,150px);justify-self:end}.cta-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.28fr);gap:28px;align-items:center;padding:42px}.cta-card .genie-mascot{width:min(100%,210px);justify-self:center}.page-hero-mascot{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.34fr);gap:24px;align-items:center}.page-hero-mascot .genie-mascot{width:min(100%,220px);justify-self:end}.split>.page-hero-mascot{grid-template-columns:1fr;align-items:start}.split>.page-hero-mascot .genie-mascot{width:min(48vw,150px);justify-self:start;margin-top:16px}@keyframes genie-hover{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes aura-breathe{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}@keyframes genie-ring{0%{opacity:.52;transform:scale(.62)}to{opacity:0;transform:scale(1.14)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.phone-card{position:absolute;left:8%;right:4%;top:38px;border-radius:8px;background:#11152bf0;color:#fff;padding:24px;box-shadow:0 28px 70px #11152b52}.dual-flow-card{overflow:hidden}.dual-flow-card:after{content:"";position:absolute;inset:auto -24% -34% auto;width:220px;height:220px;border-radius:50%;background:#0fa78f3d;filter:blur(28px);pointer-events:none}.dual-flow-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.dual-flow-card h2{margin:18px 0 8px;max-width:560px;font-family:var(--font-display);font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.14}.flow-intro{max-width:560px;margin:0;color:#e6f0ffc7;font-size:.94rem;line-height:1.48}.flow-status{position:relative;color:#e6f0ffcc;font-size:.78rem;font-weight:800}.flow-status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 #0fa78f8a;animation:pulse-dot 2.6s infinite}.flow-switcher{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.flow-panel{min-height:228px;padding:16px;border:1px solid rgba(230,240,255,.12);border-radius:8px;background:#ffffff12;box-shadow:inset 0 1px #ffffff0f;animation:flow-focus 8s infinite}.flow-panel-business{animation-delay:4s}.flow-label{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#e8f0ff1f;color:#cfe0ff;font-size:.74rem;font-weight:800;text-transform:uppercase}.flow-panel h3{margin:0 0 10px;font-family:var(--font-display);font-size:1.02rem;line-height:1.2}.flow-panel p{margin:0 0 12px;color:#e6f0ffc2;font-size:.86rem;line-height:1.45}.flow-panel ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.flow-panel li{display:flex;gap:8px;color:#e6f0ffdb;font-size:.84rem;font-weight:700}.flow-panel li:before{content:"";width:8px;height:8px;margin-top:7px;flex:0 0 8px;border-radius:50%;background:var(--accent)}@keyframes flow-focus{0%,42%,to{border-color:#e6f0ff1f;background:#ffffff12;transform:translateY(0)}8%,34%{border-color:#8af4e785;background:#0fa78f29;transform:translateY(-4px)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #0fa78f7a}50%{box-shadow:0 0 0 8px #0fa78f00}}.call-line{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:8px;background:#ffffff14}.call-dot{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#071a18;font-weight:900}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:8px;background:#ffffffdb;padding:24px;box-shadow:0 14px 36px #262f520f}.card.dark{background:#172f54;color:#fff;border-color:#b7d5ff38;box-shadow:0 18px 44px #172f542e}.card h3,.card h2{margin-top:0;font-family:var(--font-display);font-size:clamp(1.18rem,1.7vw,1.48rem);line-height:1.22;letter-spacing:0;font-weight:700}.card p{font-size:.98rem;line-height:1.58}.card .pill{margin-bottom:14px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.pricing-card h3{font-size:clamp(1.25rem,1.65vw,1.55rem);white-space:nowrap}.pricing-card{display:flex;flex-direction:column}.pricing-card-custom{background:linear-gradient(180deg,#e8f0ffeb,#ffffffe6),var(--panel);border-color:#3157d538}.pricing-description{height:6.4rem;overflow:hidden}.pricing-meta{display:grid;align-content:start;min-height:7.45rem}.price-line{margin:0;color:var(--ink);font-size:clamp(2rem,3vw,2.6rem);font-weight:900;line-height:1}.usage-line{margin:10px 0 0;color:var(--primary);font-size:1.05rem;font-weight:900;line-height:1.35}.trial-line{margin:8px 0 0;color:var(--teal);font-size:.88rem;font-weight:900;line-height:1.25}.pricing-action{justify-content:center;margin-top:auto;padding-top:26px}.muted{color:var(--muted)}.dark .muted{color:#e6f0ffd1}.dark .feature-list li{color:#e6f0ffdb}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:var(--mist);color:var(--primary-dark);font-size:.78rem;font-weight:800}.feature-list{display:grid;gap:10px;padding:0;margin:18px 0 0;list-style:none}.feature-list li{display:flex;gap:10px;color:var(--muted);line-height:1.5;font-weight:500}.feature-list li:before{content:"";width:9px;height:9px;margin-top:7px;flex:0 0 9px;border-radius:50%;background:var(--accent)}.band{background:#f2f6ee9e;border-block:1px solid rgba(223,229,218,.76)}.split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:44px;align-items:start}.persona-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.persona-header>div{max-width:820px}.persona-grid{display:grid;gap:28px}.persona-kicker{margin:0 0 14px;color:var(--accent-dark);font-size:.84rem;font-weight:800;text-transform:uppercase}.persona-actions{margin-top:30px}.footer{padding:56px 0 28px;background:var(--dark);color:#fff}.footer a{color:#ffffffb3}.footer a:hover,.footer .brand-word{color:#fff}.footer .brand-genie{color:#8fb3ff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#ffffff8f;font-size:.9rem}@media(max-width:900px){.hero-grid,.split,.persona-header,.grid-2,.grid-3,.grid-4,.pricing-grid,.footer-grid{grid-template-columns:1fr}.persona-header{display:grid;align-items:start}.hero-visual{min-height:620px}.hero-mascot-scene{min-height:auto}.nav-links{gap:12px;font-size:.84rem}.nav-menu{left:auto;right:0;transform:translateY(8px)}.nav-item:focus-within .nav-menu,.nav-item:hover .nav-menu{transform:translate(0)}}@media(max-width:760px){.nav-links{display:none}.mobile-nav{display:block}}@media(max-width:640px){.container{width:min(100% - 28px,1120px)}.nav-inner{min-height:64px;padding:12px 0}.hero{padding-top:56px}.hero-title{font-size:clamp(2.18rem,11vw,2.9rem);line-height:1.08}.section{padding:70px 0}.hero-visual{display:grid;gap:14px;min-height:auto;padding-top:24px}.hero-mascot-scene{padding:24px 18px 18px}.hero-mascot-stage{min-height:270px}.mascot-task-panels,.mascot-card,.pricing-intro,.cta-card,.page-hero-mascot{grid-template-columns:1fr}.mascot-card .genie-mascot,.pricing-intro .genie-mascot,.cta-card .genie-mascot,.split>.page-hero-mascot .genie-mascot,.page-hero-mascot .genie-mascot{justify-self:center}.cta-card{padding:28px}.mascot-signal{position:relative;inset:auto;justify-self:center}.mascot-signal-personal{align-self:start}.mascot-signal-business{align-self:end}.orb{inset:18px 0 auto;width:100%;min-height:360px}.phone-card{position:relative;left:auto;right:auto;top:auto;padding:24px}.flow-switcher{grid-template-columns:1fr}.flow-panel{min-height:auto}}