/* GENERATED by scripts/build-webassets.js from picktime-system.css for templates/2026/ — edit that file, not this one. */ @charset "utf-8"; @property --seq-a{syntax:'';inherits:false;initial-value:#F2E4FF} @property --seq-b{syntax:'';inherits:false;initial-value:#E7D0FF} @property --seq-p{syntax:'';inherits:false;initial-value:0} :root{ --purple:#8B22E2; --purple-dark:#682AD5; --purple-deep:#2C0948; --purple-100:#FBF7FF; --purple-200:#F0E4FF; --purple-300:#D9CBEC; --seq-1a:#EFDFFF; --seq-1b:#D3A7FF; --seq-2a:#DFE0FC; --seq-2b:#ACAEF7; --seq-3a:#CFE7F5; --seq-3b:#A1D0EB; --orange:#FF9D28; --c-rental:#8B22E2; --c-rental-ink:#6B14B4; --c-rental-bg:#F7EEFF; --c-events:#D2691E; --c-events-ink:#A34E12; --c-events-bg:#FFF3E8; --c-impulse:#D6247C; --c-impulse-ink:#A81760; --c-impulse-bg:#FFEDF5; --c-class:#2563EB; --c-class-ink:#1D4ED8; --c-class-bg:#EAF1FF; --c-consult:#0F766E; --c-consult-ink:#0B5C56; --c-consult-bg:#E6F5F3; --c-govt:#475569; --c-govt-ink:#334155; --c-govt-bg:#EEF1F5; --pr-arrived:#28524E; --pr-confirmed:#4E1CA2; --pr-pending:#7D3F21; --pr-new:#2A349C; --pr-noshow:#A13229; --pr-waiting:#C57535; --pr-avatar:#E49B43; --pr-avatar-ink:#5A3210; --pr-class:#B4D584; --pr-class-bg:#DAF0B5; --pr-class-ink:#4F6A1D; --pr-primary-bg:#EAE5FB; --pr-ui:#6340E2; --pr-ui-tint:#ECE8FB; --pr-waitlisted:#E49B43; --pr-unpaid:#4C495E; --pr-av-1:#A76618; --pr-av-2:#D13A7C; --pr-av-3:#466DE7; --pr-av-4:#3D835E; --pr-av-5:#3C7D9C; --pr-av-6:#986E2E; --ink:#333; --ink-strong:#1A1520; --ink-soft:#5B5B66; --ink-faint:#8A8595; --line:#E7E3EE; --header-h:75px; --line-soft:#F0EDF5; --canvas:#FCFBF9; --surface:#fff; --surface-2:#F7F8FC; --surface-3:#F0F2F8; --grad-hero:radial-gradient(1200px 600px at 15% -10%, #F3E6FF 0%, rgba(255,255,255,0) 60%), radial-gradient(900px 500px at 95% 0%, #FFF0DE 0%, rgba(255,255,255,0) 55%); --grad-cta:linear-gradient(135deg,#8B22E2 0%,#6E1BC0 55%,#4B119A 100%); --grad-money:linear-gradient(135deg,#0F766E 0%,#0B5C56 55%,#08403C 100%); --grad-sheen:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%); --font:'Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --fs-display:clamp(36px,4.4vw,60px); --fs-h1:clamp(34px,4.2vw,58px); --fs-h2:clamp(27px,3.4vw,38px); --fs-h3:20px; --fs-body:17px; --fs-body-lg:19px; --fs-small:15px; --fs-micro:13px; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:80px; --s10:104px; --r-pill:25px; --r-card:16px; --r-media:14px; --r-chip:11px; --shadow-sm:0 2px 10px rgba(44,9,72,.05); --shadow:0 4px 24px rgba(44,9,72,.07); --shadow-lift:0 12px 40px rgba(44,9,72,.12); --shadow-media:0 18px 50px rgba(44,9,72,.16); --dur-micro:150ms; --dur:250ms; --dur-enter:400ms; --dur-hero:600ms; --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.22,1,.36,1); --wrap:1160px; } *,*::before,*::after{box-sizing:border-box} [hidden]{display:none!important} .lbl{margin:0 0 var(--s4);color:var(--ink-strong);line-height:1.2; letter-spacing:-.015em;font-size:1.17em;font-weight:700} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--header-h) + 12px)} body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:1.65; color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased} img,svg,video{max-width:100%;display:block} a{color:var(--purple);text-decoration:none} a:hover{text-decoration:underline} :focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:4px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0} [id]{scroll-margin-top:0} :where(section:not(.hero))[id]{scroll-margin-top:-36px} @media(min-width:1200px){:where(section:not(.hero))[id]{scroll-margin-top:-52px}} @media(min-width:1500px){:where(section:not(.hero))[id]{scroll-margin-top:-68px}} h1,h2,h3,h4{color:var(--ink-strong);line-height:1.2;margin:0 0 var(--s4);letter-spacing:-.015em} h1{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em} .h1-light{font-weight:600;letter-spacing:-.03em;line-height:1.08} .h1-sub{display:block;margin-top:.16em;font-size:.52em;font-weight:700; letter-spacing:-.01em;color:var(--purple)} .rtm{font-size:.5em;vertical-align:.6em;line-height:0;letter-spacing:0;font-weight:inherit} h1 .rtm,h2 .rtm{font-size:.3em;vertical-align:1.6em} h2{font-size:var(--fs-h2);font-weight:800} h3{font-size:var(--fs-h3);font-weight:700;letter-spacing:0} p{margin:0 0 18px} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s5)} section{padding:84px 0} .tint{background:var(--purple-100)} .grey{background:var(--surface-2)} .lede{font-size:var(--fs-body-lg);color:var(--ink-soft);max-width:60ch} .eyebrow{display:inline-block;font-size:var(--fs-micro);font-weight:800;letter-spacing:.1em; text-transform:uppercase;color:var(--purple);margin-bottom:14px} .eyebrow img{width:20px;height:20px;object-fit:contain;vertical-align:-4px;margin-right:8px} .section-head{max-width:64ch;margin-bottom:44px} .center{text-align:center;margin-left:auto;margin-right:auto} .mt-4{margin-top:34px} .mt-5{margin-top:44px} .mb-3{margin-bottom:26px} .mb-5{margin-bottom:46px} .measure{max-width:64ch;margin-left:auto;margin-right:auto} .measure-l{max-width:64ch} .row-split{display:flex;justify-content:space-between;align-items:center;gap:16px} .grow{flex:1} .ph{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-weight:600;font-size:14px} .f-note{font-size:14px} .btn{display:inline-block;text-align:center;text-wrap:balance;font-family:inherit;font-weight:700;font-size:var(--fs-small); padding:11px 34px;border-radius:var(--r-pill);border:2px solid transparent; cursor:pointer;transition:transform var(--dur-micro) var(--ease), background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .btn:hover{text-decoration:none} .btn:active{transform:translateY(0)} .btn-primary{background:var(--purple);color:#fff} .btn-primary:hover{background:#9C48E2} .btn-ghost{background:transparent;color:var(--purple);border-color:var(--line)} .btn-ghost:hover{border-color:var(--purple);background:var(--purple-100)} .btn-sm{padding:11px 24px;font-size:14px} .btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center} @media(max-width:560px){.btn{padding-left:22px;padding-right:22px}} .site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94); backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;gap:32px;height:74px} .logo{display:flex;align-items:center;flex:none} .logo img{display:block;height:32px;width:auto;max-width:none} .f-logo img{display:block;height:30px;width:auto;max-width:none} .nav-list{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex:1} .nav-list li{flex:none} .nav-list a{color:var(--ink-strong);font-weight:700;font-size:var(--fs-small);white-space:nowrap} .nav-list a:hover{color:var(--purple);text-decoration:none} .nav-cta{display:flex;gap:12px;align-items:center} @media(min-width:901px){.nav-cta .btn{white-space:nowrap}} @media(min-width:901px) and (max-width:1180px){ .nav{gap:20px} .nav-list{gap:18px} } @media(min-width:901px) and (max-width:1024px){ .nav-trim{display:none} } .nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff; border-radius:12px;cursor:pointer;padding:0;align-items:center;justify-content:center} .nav-toggle span{display:block;width:20px;height:2px;background:var(--ink-strong);position:relative; transition:background var(--dur-micro)} .nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:20px; height:2px;background:var(--ink-strong);transition:transform var(--dur) var(--ease)} .nav-toggle span::before{top:-6px} .nav-toggle span::after{top:6px} .nav-toggle[aria-expanded="true"] span{background:transparent} .nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} .nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)} @media(max-width:900px){ .nav-toggle{display:flex} .nav-list{position:fixed;inset:74px 0 auto 0;flex-direction:column;gap:0;background:#fff; border-bottom:1px solid var(--line);padding:8px 24px 20px; box-shadow:var(--shadow-lift);display:none} .nav-list.open{display:flex} .nav-list li{border-bottom:1px solid var(--line-soft)} .nav-list a{display:block;padding:15px 0;font-size:17px} .nav-cta .btn-ghost{display:none} .nav-cta{margin-left:auto} } @media(max-width:560px){ .nav{gap:16px} .nav-cta .btn-sm{padding:11px 16px} } @media(max-width:430px){ .site-header .wrap{padding:0 var(--s4)} .nav{gap:12px} .nav-cta .btn-sm{padding:11px 14px} .nav-list{padding-left:var(--s4);padding-right:var(--s4)} } .claim{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line); border-radius:var(--r-pill);padding:7px 7px 7px 20px;box-shadow:var(--shadow-lift); max-width:540px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .claim:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-200),var(--shadow-lift)} .claim-prefix{font-weight:700;color:var(--ink-soft);font-size:16px;white-space:nowrap;user-select:none} .claim input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:11px 0; font-family:inherit;font-size:16px;font-weight:600;color:var(--ink-strong)} .claim input::placeholder{color:var(--ink-faint);font-weight:500} .claim .btn{flex:none} .claim-status{display:none;align-items:center;gap:8px;margin-top:12px;font-size:14.5px;font-weight:700} .claim-status.show{display:flex} .claim-status.ok{color:#0B5C56} .claim-status.taken{color:var(--c-impulse-ink)} .claim-status i{width:18px;height:18px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center; font-size:11px;color:#fff;flex:none} .claim-status.ok i{background:#0F766E} .claim-status.taken i{background:var(--c-impulse)} .claim-status button{background:none;border:0;font:inherit;color:var(--purple);cursor:pointer; text-decoration:underline;padding:0} @media(max-width:560px){ .claim{flex-wrap:wrap;border-radius:20px;padding:14px} .claim input{width:100%;flex:1 1 100%} .claim .btn{width:100%;text-align:center} } .shot{position:relative;border-radius:var(--r-media);overflow:hidden;background:var(--surface-3); border:1px solid var(--line);box-shadow:var(--shadow-media)} .shot img{width:100%;height:auto;display:block} .shot-chrome{padding-top:34px} .shot-chrome::before{content:"";position:absolute;top:0;left:0;right:0;height:34px; background:#fff;border-bottom:1px solid var(--line)} .shot-chrome::after{content:"";position:absolute;top:13px;left:14px;width:8px;height:8px; border-radius:50%;background:#E4E0EA; box-shadow:14px 0 0 #E4E0EA,28px 0 0 #E4E0EA} .shot-bare .shot-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;left:0} .shot-note.tr{top:14%;right:4%} .shot-note.bl{bottom:10%;left:6%} .hero-mock{position:relative} :root{--mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace} code,kbd,samp,pre{font-family:var(--mono)} .blueprint{position:relative;overflow:hidden; background-image:linear-gradient(rgba(231,227,238,.42) 1px,transparent 1px), linear-gradient(90deg,rgba(231,227,238,.42) 1px,transparent 1px); background-size:132px 132px;background-position:center} .blueprint::after{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(62% 48% at 50% 40%,transparent 22%,var(--canvas) 76%)} .blueprint > *{position:relative;z-index:1} .bp-mark{position:absolute;width:6px;height:6px;background:var(--purple);border-radius:1px; opacity:.5;z-index:2} .bp-tracks{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.45} .bp-tracks rect{fill:none;stroke:var(--line-soft);stroke-width:1} .tabsec-label{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em; text-transform:uppercase;color:var(--purple);margin:0 0 18px;text-align:center} .tabsec h2{text-align:center;max-width:24ch;margin-left:auto;margin-right:auto;text-wrap:balance} .tabsec h2 .accent{font-style:italic;color:var(--purple);font-weight:700} .tabsec .lede{margin-left:auto;margin-right:auto;text-align:center;max-width:62ch} .tabrow{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:34px auto 0; background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:5px; width:fit-content;max-width:100%;box-shadow:var(--shadow-sm)} .tabrow button{position:relative;overflow:hidden;font-family:inherit;font-size:14.5px;font-weight:700; padding:11px 26px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-soft); cursor:pointer;white-space:nowrap; transition:background var(--dur) var(--ease),color var(--dur) var(--ease)} .tabrow button:hover{color:var(--ink-strong)} .tabrow button{isolation:isolate} .tabrow button[aria-selected="true"]{background:var(--g-dark);color:#fff} .tabrow button .prog{position:absolute;inset:0;width:0;height:auto;background:var(--g); border-radius:inherit;z-index:-1} .tabrow button[aria-selected="true"].run .prog{animation:tabFill var(--tab-dur,6000ms) linear forwards} @keyframes tabFill{from{width:0}to{width:100%}} .flat-wrap{display:flex;flex-wrap:wrap;margin-top:44px; border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft)} .flat-wrap > *{flex:0 0 25%} .fcol{display:flex;flex-direction:column;border-right:1px solid var(--line-soft)} .fslot{border-bottom:1px solid var(--line-soft)} .fslot-head{display:flex;align-items:flex-start;gap:10px;width:100%;padding:16px 20px; background:none;border:0;font:inherit;text-align:left;cursor:pointer; transition:background var(--dur-micro) var(--ease)} .fslot-ico{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:#C7C2D2; transition:color var(--dur) var(--ease)} .fslot-ico svg{width:19px;height:19px} .fslot-title{font-size:16.5px;font-weight:700;line-height:1.3;color:var(--ink-strong); white-space:nowrap;width:0;opacity:0;overflow:hidden; transition:opacity .3s var(--ease)} .fslot.open .fslot-title{width:auto;flex:1 1 auto;min-width:0;opacity:1; white-space:normal;overflow:visible} .fslot-rule{flex:1;height:1px;margin-top:9px;background:var(--line-soft);min-width:12px; transition:opacity var(--dur) var(--ease)} .fslot.open .fslot-rule{display:none} .fslot-idx{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#C9C5D2;flex:none} .fslot.open .fslot-idx{margin-top:4px} .fslot-body{display:flex;flex-direction:column;height:0;overflow:hidden; interpolate-size:allow-keywords;transition:height .46s var(--ease-out)} .fslot.open .fslot-body{height:auto} .fslot-inner{overflow:hidden;padding:0 20px;opacity:0;transform:translateY(-8px); transition:opacity .3s var(--ease),transform .46s var(--ease-out),padding .46s var(--ease-out)} .fslot.open .fslot-inner{opacity:1;transform:none;padding:0 20px 26px} .fslot-inner{visibility:hidden;transition:opacity .3s var(--ease), transform .46s var(--ease-out),padding .46s var(--ease-out),visibility 0s linear .46s} .fslot.open .fslot-inner{visibility:visible;transition:opacity .3s var(--ease), transform .46s var(--ease-out),padding .46s var(--ease-out),visibility 0s linear 0s} .fslot-link{margin:16px 0 0;font-size:14px;font-weight:700;line-height:1.4} .fslot-link a{color:var(--g-dark);text-decoration:none;border-bottom:1px solid transparent} .fslot-link a:hover,.fslot-link a:focus-visible{border-bottom-color:currentColor} html:not(.js) .fslot-body{height:auto} html:not(.js) .fslot-inner{visibility:visible;opacity:1;transform:none;padding:0 20px 26px} html:not(.js) .fslot-head{cursor:default} .fslot-desc{position:relative;margin:0 0 18px;padding-left:16px;font-size:14.5px;line-height:1.5; color:var(--ink-soft)} .fslot-desc::before{content:"";position:absolute;left:2px;top:2px;width:8px;height:9px; border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 0 3px} .fslot-art{display:flex;flex-direction:column;align-items:center;justify-content:center} .fslot-art > *{width:100%;max-width:250px} .fslot,.tabrow button,.shapecard,.xrow{--g:var(--purple);--g-dark:var(--purple-dark);--g-tint:#F7EEFF} .fslot[data-group="grp"],.tabrow button[data-group="grp"], .shapecard[data-group="grp"],.xrow[data-group="grp"], section[data-group="grp"]{--g:#DB2777;--g-dark:#9D174D; --g-tint:#FCE7F3;--g-accent:#2563EB;--g-accent-tint:#EAF1FF} .fslot[data-group="res"],.tabrow button[data-group="res"], .shapecard[data-group="res"],.xrow[data-group="res"], section[data-group="res"]{--g:#0F766E;--g-dark:#0B5C56;--g-tint:#E6F5F3} .scroller,.shot{--g:var(--purple);--g-dark:var(--purple);--g-tint:var(--purple-100); --g-accent:var(--purple);--g-accent-tint:var(--purple-200)} .igrid.g-class{--g:var(--pr-class);--g-tint:var(--pr-class-bg)} .fslot.open .fslot-ico{color:var(--g)} .fslot-head:hover{background:var(--g-tint)} .fslot .sk.on,.fslot .av.on,.fslot .cellbox.on, .fslot .pbar i,.fslot .tline i, .scroller .sk.on,.scroller .av.on,.scroller .cellbox.on, .scroller .pbar i,.scroller .tline i{background:var(--g,var(--purple))} .fslot .sk.mid,.scroller .sk.mid{background:var(--g-tint,var(--purple-200))} .fslot .tag:not(.ok):not(.no):not(.mute):not(.alt):not(.tag-solid){background:var(--g-tint);color:var(--g-dark)} .scroller .tag:not(.ok):not(.no):not(.mute):not(.alt):not(.tag-solid){background:var(--g-tint,var(--purple-100));color:var(--g-dark,var(--purple))} .fslot .tag.alt{background:var(--g-tint);color:var(--g-dark)} .fslot .pbar i.full{background:var(--c-impulse)} [data-group="grp"] .pbar i.full{background:var(--g-dark)} .fslot[data-group="grp"] .tag.alt, .scroller[data-group="grp"] .tag.alt, [data-group="grp"] .scroller .tag.alt{background:var(--g-accent-tint);color:var(--g-accent)} .fslot[data-group="grp"] .sk.mid{background:var(--g-accent-tint)} .fslot[data-group="grp"] .cellbox.on:nth-child(3){background:var(--g-accent);opacity:.85} @media(max-width:1000px){.flat-wrap > *{flex-basis:50%}} @media(max-width:620px){.flat-wrap > *{flex-basis:100%}} @media(prefers-reduced-motion:reduce){ .fslot-title,.fslot-body,.fslot-inner,.fslot-rule{transition:none} } .pnl{background:#fff;border:1px solid var(--line);border-radius:10px; box-shadow:var(--shadow-sm);padding:11px;display:flex;flex-direction:column;gap:7px} .pnl.flat{box-shadow:none} .sk{height:7px;border-radius:99px;background:#E9E7EF} .sk.on{background:var(--purple);opacity:.85} .sk.mid{background:var(--purple-200)} .sk.w30{width:30%} .sk.w45{width:45%} .sk.w60{width:60%} .sk.w75{width:75%} .sk.w90{width:90%} .av{width:20px;height:20px;border-radius:50%;background:#E4E1EA;flex:none} .av.on{background:var(--purple);opacity:.85} .tag{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.03em; padding:3px 7px;border-radius:5px;background:var(--purple-100);color:var(--purple);white-space:nowrap} .tag.ok{background:#E6F5F3;color:#0B5C56} .tag.no{background:#FFEDF5;color:var(--c-impulse-ink)} .tag.mute{background:#EEEDF2;color:var(--ink-soft)} .tag.tag-solid{background:var(--g,var(--purple));color:#fff;padding:7px 14px} .irow{display:flex;align-items:center;gap:8px} .igrid{display:flex;flex-wrap:wrap;gap:6px} .igrid > *{flex:0 0 calc((100% - 18px)/4)} .igrid-5 > *{flex-basis:calc((100% - 24px)/5)} .cellbox{height:26px;border-radius:6px;background:#E9E7EF} .cellbox.on{background:var(--purple);opacity:.85} .cellbox.dim{background:#F0EFF4} .tline{position:relative;height:16px;border-radius:5px;background:#EDECF1;overflow:hidden} .tline i{position:absolute;top:3px;height:10px;border-radius:3px;background:var(--c-rental);opacity:.85} @keyframes fa-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} @keyframes fa-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes fa-pulse{0%{transform:scale(1)}40%{transform:scale(1.09)}100%{transform:scale(1)}} @keyframes fa-sweep{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}} .fslot.open .fslot-art .pbar i{transform-origin:left center; animation:fa-fill .85s var(--ease-out) .18s backwards} .fslot.open .fslot-art .cellbox.on{animation:fa-in .5s var(--ease-out) backwards} .fslot.open .fslot-art .tag.ok,.fslot.open .fslot-art .tag.no{ animation:fa-in .45s var(--ease-out) backwards} .fslot[data-slot="01"].open .fslot-art .irow{animation:fa-in .5s var(--ease-out) backwards} .fslot[data-slot="01"].open .fslot-art .irow:nth-of-type(2){animation-delay:.25s} .fslot[data-slot="01"].open .fslot-art .irow:nth-of-type(3){animation-delay:.5s} .fslot[data-slot="01"].open .fslot-art .tag.ok{animation:fa-in .5s var(--ease-out) .8s backwards} .fslot[data-slot="02"].open .fslot-art .tag.alt{animation:fa-in .5s var(--ease-out) .8s backwards} .fslot[data-slot="03"] .tline::after{content:"";position:absolute;inset:0;opacity:0; background:linear-gradient(90deg,transparent 48.4%,var(--g) 49.4%, var(--g) 50.6%,transparent 51.6%)} .fslot[data-slot="03"].open .tline::after{animation:fa-play 3.4s linear infinite} @keyframes fa-play{0%{transform:translateX(-100%);opacity:0} 10%,90%{opacity:.8}100%{transform:translateX(100%);opacity:0}} .fslot[data-slot="03"].open .tline i{transform-origin:left center; animation:fa-fill .5s var(--ease-out) backwards} .fslot[data-slot="03"].open .tline i:nth-child(2){animation-delay:.12s} .fslot[data-slot="03"].open .tline i:nth-child(3){animation-delay:.24s} .fslot[data-slot="03"].open .tline i:nth-child(4){animation-delay:.36s} .fslot[data-slot="04"].open .fslot-art .irow{animation:fa-in .5s var(--ease-out) backwards} .fslot[data-slot="04"].open .fslot-art .irow:nth-of-type(2){animation-delay:.25s} .fslot[data-slot="04"].open .fslot-art .irow:nth-of-type(3){animation-delay:.55s} .fslot[data-slot="05"].open .fslot-art .irow:nth-child(1) .tag{animation-delay:.45s} .fslot[data-slot="05"].open .fslot-art .irow:nth-child(2) .tag{animation-delay:.75s} .fslot[data-slot="05"].open .fslot-art .irow:nth-child(3) .tag{animation-delay:1.05s} .fslot[data-slot="06"].open .fslot-art .tag.ok{ animation:fa-in .45s var(--ease-out) backwards,fa-pulse .7s var(--ease) .9s} .fslot[data-slot="07"] .pbar::after{content:"";position:absolute;inset:0;width:34%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)} .fslot[data-slot="07"].open .pbar::after{animation:fa-sweep 2.6s var(--ease) 1s infinite} .fslot[data-slot="07"].open .fslot-art .tag.no{ animation:fa-in .45s var(--ease-out) .5s backwards,fa-pulse .9s var(--ease) 1.3s} .fslot[data-slot="08"].open .fslot-art .tag-solid{ animation:fa-pulse 2.4s var(--ease) .6s infinite} .fslot[data-slot="08"].open .fslot-art .tag.ok{ animation:fa-in .45s var(--ease-out) backwards,fa-blink 2.4s var(--ease) .6s infinite} @keyframes fa-blink{0%,72%,100%{opacity:1}82%{opacity:.35}} .fslot[data-slot="09"].open .fslot-art .tag.ok{animation:fa-in .5s var(--ease-out) .3s backwards} .fslot[data-slot="09"].open .fslot-art .tag.alt{ animation:fa-in .5s var(--ease-out) .95s backwards,fa-pulse .8s var(--ease) 1.45s} .fslot[data-slot="10"].open .fslot-art .irow{animation:fa-feed .55s var(--ease-out) backwards} .fslot[data-slot="10"].open .fslot-art .irow:nth-child(2){animation-delay:.35s} .fslot[data-slot="10"].open .fslot-art .irow:nth-child(3){animation-delay:.6s} @keyframes fa-feed{from{opacity:0;transform:translateY(-11px)}to{opacity:1;transform:none}} .fslot[data-slot="11"].open .fslot-art .cellbox.on{ animation:fa-in .5s var(--ease-out) backwards,fa-glow 3s var(--ease) infinite} .fslot[data-slot="11"].open .fslot-art .cellbox.on:nth-of-type(4){animation-delay:.1s,.3s} .fslot[data-slot="11"].open .fslot-art .cellbox.on:nth-of-type(7){animation-delay:.2s,.6s} @keyframes fa-glow{0%,70%,100%{opacity:.85}85%{opacity:.4}} .fslot[data-slot="12"].open .fslot-art .cellbox.on:nth-of-type(1){animation-delay:.25s} .fslot[data-slot="12"].open .fslot-art .cellbox.on:nth-of-type(2){animation-delay:.45s} .fslot[data-slot="13"].open .fslot-art .sk.mid{transform-origin:left center; animation:fa-fill .7s var(--ease-out) .25s backwards} .fslot[data-slot="13"].open .fslot-art .irow:last-child .tag.alt{ animation:fa-in .5s var(--ease-out) .85s backwards} .fslot[data-slot="14"].open .fslot-art .sk{transform-origin:left center; animation:fa-fill .45s var(--ease-out) backwards} .fslot[data-slot="14"].open .fslot-art .sk:nth-of-type(1){animation-delay:.2s} .fslot[data-slot="14"].open .fslot-art .sk:nth-of-type(2){animation-delay:.45s} .fslot[data-slot="14"].open .fslot-art .sk:nth-of-type(3){animation-delay:.7s} .fslot[data-slot="14"].open .fslot-art .tag.ok{animation-delay:1.05s} .fslot[data-slot="15"].open .fslot-art .tag.alt{ animation:fa-in .5s var(--ease-out) .95s backwards,fa-pulse .8s var(--ease) 1.45s} .pbar{position:relative;height:9px;border-radius:99px;background:#E9E7EF;overflow:hidden} .pbar i{position:absolute;inset:0 auto 0 0;background:var(--c-class);border-radius:99px} .pbar i.full{background:var(--c-impulse)} .tablet{border:2px solid var(--ink-strong);border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:9px} .mini{margin:18px 0 0;padding:12px;background:#fff;border:1px solid var(--line); border-radius:10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)} .mini .r{height:7px;border-radius:99px;background:var(--surface-3)} .mini .r.on{background:var(--purple);opacity:.75} .mini .r.mid{background:var(--purple-200)} .mini .row{display:flex;gap:6px;align-items:center} .mini .chip{font-family:var(--mono);font-size:9.5px;font-weight:700;color:var(--purple); background:var(--purple-100);border-radius:5px;padding:3px 6px;letter-spacing:.04em} .mini .bar{position:relative;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden} .mini .bar i{position:absolute;inset:0 auto 0 0;background:var(--c-class);border-radius:99px} .mini .bar i.full{background:var(--c-impulse)} .mini .tl{position:relative;height:18px;border-radius:5px;background:var(--surface-2);overflow:hidden} .mini .tl i{position:absolute;top:4px;height:10px;border-radius:3px;background:var(--c-rental);opacity:.85} .tabsec-foot{max-width:70ch;margin:40px auto 0} .hero{padding:70px 0 76px;background:var(--grad-hero);overflow:clip} .hero-grid{display:flex;gap:56px;align-items:center} .hero-grid > *{min-width:0;flex:0 1 51%} .hero-grid > * + *{flex-basis:49%} .hero-grid.hero-solo{flex-wrap:wrap} .hero-grid.hero-solo > *{flex:0 0 100%} .hero-solo > div{max-width:52rem} .trust-bar{list-style:none;margin:24px 0 0;padding:20px 0 0; display:flex;flex-wrap:wrap;gap:10px 12px; border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-soft)} .trust-bar li{display:inline-flex;align-items:center; padding:7px 15px 7px 12px;border-radius:var(--r-pill); background:#fff;border:1px solid var(--purple-300);box-shadow:var(--shadow-sm); transition:box-shadow .18s ease,transform .18s ease} .trust-bar li:hover{box-shadow:var(--shadow);transform:translateY(-1px)} .trust-bar li::before{content:"✓";color:var(--purple);font-weight:800;margin-right:6px} .trust-bar.tb-center{justify-content:center} @media(max-width:880px){.hero-grid{flex-wrap:wrap;gap:38px}.hero-grid > *{flex-basis:100%}} .split{--gap:56px;display:flex;gap:var(--gap);align-items:center} .split > *{min-width:0;flex:0 0 calc((100% - var(--gap))/2)} .split.flip .split-media{order:-1} @media(max-width:860px){.split{flex-wrap:wrap;gap:32px}.split > *{flex-basis:100%}.split.flip .split-media{order:0}} .sub{margin-top:26px} .sub h3{margin-bottom:6px;font-size:18px} .sub p{font-size:16px;color:var(--ink-soft);margin-bottom:0} .cards{--gap:26px;display:flex;flex-wrap:wrap;gap:var(--gap)} .cards > *{flex:0 0 calc((100% - 2 * var(--gap))/3);min-width:0} .card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:32px 28px; box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)} .card p{font-size:16px;color:var(--ink-soft);margin-bottom:0} .cards.two > *{flex-basis:calc((100% - var(--gap))/2)} .card.has-well{display:flex;flex-direction:column;overflow:hidden} .card.has-well .step-link{margin-bottom:22px} .card-well .rrow{box-shadow:var(--shadow-sm)} .card-well .rkind{color:var(--grp-ink,var(--ink-soft))} .cards.demo .card{display:flex;flex-direction:column} .cards.demo .card > p{margin-bottom:22px} .cards.demo .card .shot{margin-top:auto} .card .ico{width:46px;height:46px;border-radius:12px;background:var(--purple-100); display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px} @media(max-width:860px){.cards > *,.cards.two > *{flex-basis:100%}} .bento .b-tall .qdemo,.bento > * > .shot{margin-top:auto} .bento-shots > * > .step-link{margin-top:18px;margin-bottom:0} .bento .b-flip > .shot{order:-1;margin-top:0;margin-bottom:22px} .groups{--gap:30px;display:flex;flex-wrap:wrap;gap:var(--gap)} .groups > *{flex:0 0 calc((100% - 2 * var(--gap))/3)} .group{background:#fff;border:1px solid var(--line);border-top:3px solid var(--grp,var(--purple)); border-radius:var(--r-card);padding:28px;transition:border-color var(--dur),box-shadow var(--dur)} .group:hover{box-shadow:var(--shadow)} .group h3,.choice h3{font-size:17px;margin-bottom:4px;color:var(--grp-ink,var(--ink-strong))} .group .grp-note,.choice .grp-note{font-size:14px;color:var(--ink-soft);margin-bottom:14px} .group ul,.choice ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px} .group li a,.choice li a{font-size:15px;color:var(--ink)} .group li a:hover,.choice li a:hover{color:var(--grp-ink,var(--purple))} .grp-rental{--grp:var(--c-rental);--grp-ink:var(--c-rental-ink);--grp-bg:var(--c-rental-bg)} .grp-events{--grp:var(--c-events);--grp-ink:var(--c-events-ink);--grp-bg:var(--c-events-bg)} .grp-impulse{--grp:var(--c-impulse);--grp-ink:var(--c-impulse-ink);--grp-bg:var(--c-impulse-bg)} .grp-class{--grp:var(--c-class);--grp-ink:var(--c-class-ink);--grp-bg:var(--c-class-bg)} .grp-consult{--grp:var(--c-consult);--grp-ink:var(--c-consult-ink);--grp-bg:var(--c-consult-bg)} .grp-govt{--grp:var(--c-govt);--grp-ink:var(--c-govt-ink);--grp-bg:var(--c-govt-bg)} @media(max-width:980px){.groups > *{flex-basis:calc((100% - var(--gap))/2)}} @media(max-width:660px){.groups > *{flex-basis:100%}} .stats{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%); width:min(100% - 40px,880px);background:var(--purple-deep); border:1px solid rgba(255,255,255,.09);border-radius:var(--r-card); box-shadow:0 20px 50px rgba(29,6,50,.34);overflow:hidden} .stat-row{display:flex} .stat-row > *{flex:0 1 calc(100%/3)} .stat{padding:22px 24px 20px;border-right:1px solid rgba(255,255,255,.10)} .stat:last-child{border-right:0} .stat-lbl{margin:0 0 10px;font-family:var(--mono);font-size:10.5px;font-weight:600; letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.52)} .stat b{display:block;font-size:38px;font-weight:800;color:#fff;line-height:1; letter-spacing:-.02em;font-variant-numeric:tabular-nums} .stat-gfx{position:relative;height:34px;margin-top:14px} .stat-rail{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;justify-content:center; padding:12px 20px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.09)} .stat-rail span,.stat-rail a{font-family:var(--mono);font-size:11px;letter-spacing:.06em} .stat-rail span{color:rgba(255,255,255,.62)} .stat-rail a{color:rgba(255,255,255,.9);font-weight:600} .stat-rail a:hover{color:#fff} .stat-world{position:absolute;inset:0; background-image:radial-gradient(circle at center,rgba(255,255,255,.30) 1.3px,transparent 1.5px); background-size:11px 11px} .stat-world i{position:absolute;inset:0; background-image:radial-gradient(circle at center,#D9A9FF 1.55px,transparent 1.75px); background-size:11px 11px; -webkit-mask-image:radial-gradient(ellipse 74% 104% at 36% 48%,#000 0%,#000 42%,transparent 84%); mask-image:radial-gradient(ellipse 74% 104% at 36% 48%,#000 0%,#000 42%,transparent 84%)} .stat-meter{display:block;max-width:100%;height:auto} .sm-dim{fill:rgba(255,255,255,.22)} .sm-lit{fill:#F0B429} .stat-spark{position:absolute;inset:0;display:block;width:100%;height:100%} @media(max-width:660px){ .stat-row{flex-wrap:wrap} .stat-row > *{flex-basis:100%} .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)} .stat:last-child{border-bottom:0} } .quotes{--gap:20px;display:flex;flex-wrap:wrap;gap:var(--gap);margin-top:144px} .quotes > *{flex:0 0 calc((100% - 2 * var(--gap))/3)} .quote{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line); border-radius:var(--r-card);padding:26px;margin:0;box-shadow:var(--shadow); transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)} .quote:hover{border-color:var(--purple);transform:translateY(-2px)} .quote blockquote{flex:1;margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--ink-strong)} .quote figcaption{display:flex;gap:12px;align-items:center} .q-av{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%; background:var(--purple-100);border:1px solid var(--line); font-size:13px;font-weight:800;color:var(--purple)} .q-name{display:block;font-weight:700;font-size:14.5px;color:var(--ink-strong);line-height:1.3} .q-src{display:block;font-size:12.5px;color:var(--ink-soft)} .price-box .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)} .price-box .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff} .faq{max-width:820px;margin:0 auto} .faq:not(details){display:flex;flex-direction:column;gap:12px} details.faq + details.faq{margin-top:12px} .faq details,details.faq{border:1px solid #ECE8F2;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(44,9,72,.04); transition:border-color .2s,box-shadow .2s} .faq details:hover,details.faq:hover{border-color:#DDD0F2} .faq details[open],details.faq[open]{border-color:#D9C6F5;box-shadow:0 1px 2px rgba(44,9,72,.04),0 18px 36px -22px rgba(91,33,182,.35)} .faq summary,details.faq > summary{padding:18px 24px;border-radius:12px;font-weight:700;font-size:17px;line-height:1.4;color:var(--ink-strong); cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px} .faq summary::-webkit-details-marker,details.faq > summary::-webkit-details-marker{display:none} .faq summary::after,details.faq > summary::after{content:"";flex:none;align-self:center;width:9px;height:9px;margin-right:4px; border:solid var(--purple);border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform .3s} .faq details[open] summary::after,details.faq[open] > summary::after{transform:translateY(2px) rotate(-135deg)} .faq details p,details.faq > p{margin:-4px 0 0;padding:0 24px 20px;color:var(--ink-soft);font-size:16px;line-height:1.65} .faq details p + p,details.faq > p + p{margin-top:-6px} @media(max-width:620px){ .faq summary,details.faq > summary{padding:16px 18px;font-size:16px} .faq details p,details.faq > p{padding:0 18px 15px;font-size:15px} } .cmp-wrap{position:relative;overflow-x:auto;border:1px solid var(--line); border-radius:var(--r-card);background:#fff} .cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:15.5px} .cmp th,.cmp td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-soft)} .cmp thead th{background:var(--purple-100);font-weight:800;font-size:14px; text-transform:uppercase;letter-spacing:.05em;color:var(--purple-deep)} .cmp tbody tr:last-child td{border-bottom:0} .cmp .yes{color:#0F766E;font-weight:700} .cmp .no{color:var(--ink-soft)} .cmp .own{background:var(--purple-100)} .fit{display:flex;gap:24px;align-items:flex-start} .fit > *{flex:0 1 calc(100% * 1.55/2.55)} .fit > * + *{flex-basis:calc(100%/2.55)} .fit > div{border-radius:var(--r-card);padding:30px 32px} .fit h3,.fit .lbl{font-size:17px;margin-bottom:16px} .fit ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px} .fit li{font-size:15.5px;color:var(--ink-soft);padding-left:27px;position:relative;line-height:1.55} .fit li::before{content:"";position:absolute;left:0;top:.52em;width:13px;height:13px; border-radius:50%;background:var(--purple-200); box-shadow:inset 0 0 0 3.5px var(--purple)} .fit li b,.fit-no p b{color:var(--ink-strong);font-weight:700} @media(max-width:860px){.fit{flex-wrap:wrap}.fit > *{flex-basis:100%}.fit > div{padding:26px}} .rail{display:flex;flex-wrap:wrap;gap:10px} .rail a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff; border:1px solid var(--line);border-radius:var(--r-pill);font-size:15px;font-weight:600; color:var(--ink);transition:border-color var(--dur-micro),color var(--dur-micro),box-shadow var(--dur-micro)} .rail a:hover{border-color:var(--purple);color:var(--purple);text-decoration:none;box-shadow:var(--shadow)} .rail a em{font-style:normal;font-weight:600;color:var(--ink-soft);font-size:13px} .objection{margin-top:34px;border-top:1px solid var(--line);padding-top:20px;max-width:70ch} .objection summary{font-weight:700;font-size:16px;cursor:pointer;list-style:none; display:flex;justify-content:space-between;gap:20px;color:#fff} .objection summary::-webkit-details-marker{display:none} .objection summary::after{content:"+";font-size:22px;font-weight:700;line-height:1} .objection[open] summary::after{content:"−"} .objection p{margin-top:12px;font-size:15.5px} .close-cta{text-align:center;padding:80px 0} .close-h{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.015em;color:var(--ink-strong); line-height:1.2;margin:0 0 12px} .close-cta .btn-row{justify-content:center} .megafoot{border-bottom:1px solid rgba(255,255,255,.09);padding:56px 0 46px; background:rgba(0,0,0,.16)} .mf-lead{margin:0 0 30px;font-size:13px;font-weight:800;letter-spacing:.09em; text-transform:uppercase;color:rgba(255,255,255,.4)} .mf-grid{display:flex;flex-wrap:wrap;gap:30px 26px;align-items:flex-start} .mf-grid > *{flex:0 0 calc((100% - 156px)/7)} .mf-grid h4,.mf-grid .lbl{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.05em; color:rgba(255,255,255,.72);line-height:1.35} .mf-grid h4.mf-h2,.mf-grid .lbl.mf-h2{margin-top:26px} .mf-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px} .mf-grid li{line-height:1.35} .mf-grid a{font-size:13px;color:rgba(255,255,255,.52);transition:color var(--dur-micro) var(--ease)} .mf-grid a:hover{color:#fff;text-decoration:none} .mf-all{margin:34px 0 0;font-size:13.5px} .mf-all a{color:rgba(255,255,255,.62);border-bottom:1px solid rgba(255,255,255,.22); padding-bottom:2px} .mf-all a:hover{color:#fff;border-color:#fff;text-decoration:none} @media(max-width:1200px){.mf-grid > *{flex-basis:calc((100% - 78px)/4)}} @media(max-width:820px){.mf-grid{gap:26px 20px}.mf-grid > *{flex-basis:calc((100% - 20px)/2)}} @media(max-width:480px){.mf-grid > *{flex-basis:100%}.megafoot{padding:40px 0 34px}} .site-footer{background:var(--purple-deep);color:#CFC4DC;padding:0 0 30px;font-size:var(--fs-small)} .site-footer > .wrap:last-of-type{padding-top:56px} .site-footer a{color:#CFC4DC} .site-footer a:hover{color:#fff} .f-grid{display:flex;gap:34px; padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.14)} .f-grid > *{flex:0 1 calc(100%/5.4)} .f-grid > :first-child{flex-basis:calc(100% * 1.4/5.4)} .f-grid h4,.f-grid .lbl{color:#fff;font-size:15px;margin:0 0 14px} .f-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px} .f-logo{margin-bottom:12px} .f-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;font-size:13.5px} @media(max-width:900px){.f-grid{flex-wrap:wrap}.f-grid > *,.f-grid > :first-child{flex:0 0 calc((100% - 34px)/2)}} .js .reveal{opacity:0;transform:translateY(16px); transition:opacity var(--dur-enter) var(--ease-out),transform var(--dur-enter) var(--ease-out)} .js .reveal.in{opacity:1;transform:none} .reveal[data-delay="1"]{transition-delay:60ms} .reveal[data-delay="2"]{transition-delay:120ms} .reveal[data-delay="3"]{transition-delay:180ms} .reveal[data-delay="4"]{transition-delay:240ms} .count{font-variant-numeric:tabular-nums} @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important; animation-iteration-count:1!important; transition-duration:.001ms!important;transition-delay:0s!important; scroll-behavior:auto!important} .reveal{opacity:1;transform:none} } @media(hover:none){ .card:hover,.group:hover{transform:none;box-shadow:var(--shadow)} .trust-bar li:hover{transform:none;box-shadow:var(--shadow-sm)} } @media(min-width:1200px){ :root{--wrap:1240px;--fs-body:18px} .wrap{padding:0 var(--s6)} section{padding:100px 0} .split{--gap:72px} .cards{--gap:30px} .groups{--gap:32px} .sub{margin-top:30px} .section-head{margin-bottom:52px} .faq{max-width:880px} .f-grid{gap:44px} } @media(min-width:1500px){ :root{--wrap:1340px} section{padding:116px 0} .split{--gap:88px} .cards,.quotes{--gap:34px} .close-cta{padding:104px 0} } @media(min-width:1800px){ :root{--wrap:1400px} .split > div > p,.sub p{max-width:70ch} } .ptstage{position:relative;padding:78px 0 132px;isolation:isolate} .stage-glow{position:absolute;z-index:-1;inset:-14% -12% 4% -12%;pointer-events:none; background: radial-gradient(48% 46% at 76% 16%, rgba(139,34,226,.20), transparent 70%), radial-gradient(52% 48% at 22% 76%, rgba(255,157,40,.16), transparent 72%), radial-gradient(70% 60% at 50% 44%, #FFFCF6, transparent 76%); filter:blur(6px)} .ptapp{position:relative;display:flex; margin-right:calc(-1 * clamp(24px,3.2vw,44px)); background:#fff;border-radius:16px;overflow:hidden; border:1px solid rgba(231,227,238,.9); box-shadow:0 1px 2px rgba(44,9,72,.05),0 12px 26px -12px rgba(44,9,72,.16), 0 40px 70px -30px rgba(44,9,72,.28)} .ptnav{background:#5B2D9E;padding:13px 0 12px;display:flex;flex-direction:column;flex:0 0 132px;min-width:0} .ptnav-brand{display:flex;align-items:center;gap:7px;padding:0 11px 11px;margin:0; font-size:12px;font-weight:800;color:#fff;letter-spacing:-.02em; white-space:nowrap;overflow:hidden} .ptnav-brand i{flex:none;width:20px;height:20px;border-radius:6px;font-style:normal; display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff} .ptnav-brand i svg{width:12px;height:12px;color:#5B2D9E} .ptnav ul{list-style:none;margin:0;padding:0 7px} .ptnav li{display:flex;align-items:center;gap:7px;padding:3px 5px;border-radius:8px; font-size:9.5px;font-weight:500;letter-spacing:.005em;white-space:nowrap; color:#fff} .ptnav li>span{flex:none;width:19px;height:19px;border-radius:50%; display:flex;flex-direction:column;align-items:center;justify-content:center} .ptnav li svg{width:12px;height:12px} .ptnav li.on{background:rgba(255,255,255,.15);font-weight:700} .ptnav li.on>span{background:#fff} .ptnav li.on svg{color:#5B2D9E} .ptmain{min-width:0;flex:1 1 0;padding:0 0 14px} .ptbar{display:flex;align-items:center;justify-content:space-between;gap:12px; padding:12px 14px 11px;border-bottom:1px solid var(--line-soft)} .ptbar-h{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink-strong)} .ptbtn{font-size:10px;font-weight:700;color:#fff;background:#3B1F5A; border-radius:5px;padding:6px 11px;white-space:nowrap} .pttools{display:flex;align-items:center;gap:6px;padding:10px 14px 8px;flex-wrap:nowrap} .ptsel,.ptpager{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:600; color:var(--ink-soft);border:1px solid var(--line);border-radius:5px;padding:4px 7px; white-space:nowrap} .ptsel::after{content:"";width:0;height:0;border:3px solid transparent; border-top-color:var(--ink-soft);margin-top:2px} .ptpager{font-family:var(--mono);letter-spacing:-.01em} .ptpager i{font-style:normal;color:var(--ink-faint)} .ptview{display:inline-flex;margin-left:auto;border:1px solid var(--line);border-radius:5px; overflow:hidden;flex:none} .ptview b,.ptview i{font-style:normal;font-size:9.5px;font-weight:600;padding:4px 8px; color:var(--ink-soft)} .ptview b{background:var(--purple);color:#fff;font-weight:700} .ptwin{margin-right:0} .ptrow .tag{flex:none;margin-left:auto} .synccal span.busy{background:var(--f,#E4E1EA); box-shadow:inset 0 0 0 1px var(--t,transparent)} .locbar b.on{background:var(--purple);color:#fff} .vidgrid i.me{background:rgba(139,34,226,.42)} .vidgrid i.me::after{background:rgba(255,255,255,.62)} .vidbar s.end{background:#D93A46} .hero-mock .pop{z-index:2;max-width:196px} .hero-mock .pop i{background:var(--purple)} .hero-mock .pop i.i-ok{background:#12A150} .hero-mock .pop i svg{width:14px;height:14px;fill:none;stroke:currentColor; stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .shot + .pop-w1{top:58px} @media(max-width:1140px){.hero-mock .pop-w1,.hero-mock .pop-w2{display:none}} .wk{padding:8px 13px 0} .wk-days{display:flex;gap:4px;margin-bottom:8px} .wk-days > *{flex:1 1 0;min-width:0} .wk-days > :first-child{flex:0 0 24px} .wk-days span{text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.04em; color:var(--ink-soft);padding:5px 0;border-radius:7px} .wk-days span.on{background:var(--purple);color:#fff} .wk-body{display:flex;gap:4px} .wk-body > *{flex:1 1 0;min-width:0} .wk-body > :first-child{flex:0 0 24px} .wk-hours{display:flex;flex-direction:column;height:262px} .wk-hours > *{flex:1 1 0} .wk-hours span{font-family:var(--mono);font-size:9.5px;color:var(--ink-soft); line-height:1;padding-top:1px} .wk-grid{position:relative;display:flex; gap:3px;height:262px; background-image:repeating-linear-gradient(180deg, rgba(240,237,245,.55) 0 1px,transparent 1px 49.5px); background-position:0 0} .wk-col{position:relative;flex:1 1 0;min-width:0} .wk-col.today{background:rgba(139,34,226,.035);border-radius:7px} .wk-col i{position:absolute;left:1px;right:1px;border-radius:6px;overflow:hidden; font-style:normal;border-left:0; top:calc(var(--s) / 11 * 100%);height:calc(var(--d) / 11 * 100%); background:var(--f);display:flex;align-items:stretch;gap:5px;padding:0} .wk-col i.free{background:transparent; box-shadow:inset 0 0 0 1px var(--line); background-image:repeating-linear-gradient(45deg,transparent,transparent 5px, rgba(139,34,226,.06) 5px,rgba(139,34,226,.06) 10px)} .wk-col i u{flex:none;width:18px;background:var(--t);font-style:normal; display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none} .wk-col i u svg{width:11px;height:11px;color:#fff} .ptbk{min-width:0;padding:2px 4px 2px 0} .ptbk>em{display:block} .wk-col i.pad .ptbk{padding-left:5px} .ptbk em{font-style:normal;font-family:var(--mono);font-size:7.5px;font-weight:500; color:var(--ti);line-height:1;letter-spacing:-.03em;white-space:nowrap; overflow:hidden;text-overflow:ellipsis} .wk-col .ptbk b{font-size:8.5px;font-weight:700;color:var(--ti);line-height:1.2; white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;overflow-wrap:anywhere} .ptbk b span{font-weight:500;opacity:.72} .bk-appt{--f:#FFFFB3;--t:#F0B429;--ti:#4A3D00} .bk-class{--f:#D4F1AE;--t:#7CB342;--ti:#2C4A0A} .bk-res {--f:#B3D9FF;--t:#3B82C4;--ti:#0B3A66} .js .wk-col i{animation:wkIn .42s var(--ease-out) backwards;transform-origin:top center} @keyframes wkIn{from{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:none}} .js .wk-col:nth-child(1) i{animation-delay:.30s} .js .wk-col:nth-child(2) i{animation-delay:.38s} .js .wk-col:nth-child(3) i{animation-delay:.46s} .js .wk-col:nth-child(4) i{animation-delay:.54s} .js .wk-col:nth-child(5) i{animation-delay:.62s} .ptphone{position:absolute;left:-34px;bottom:0;width:198px;background:#fff; border:1px solid rgba(231,227,238,.9);border-radius:20px;overflow:hidden; box-shadow:0 2px 4px rgba(44,9,72,.06),0 20px 34px -14px rgba(44,9,72,.24), 0 44px 64px -34px rgba(44,9,72,.34)} .ptcover{height:26px;margin:0; background:linear-gradient(115deg,#3B1F5A,#6A24BB 45%,#B06BE8)} .ptbiz{padding:10px 12px 9px;border-bottom:1px solid var(--line-soft)} .ptbiz-n{margin:0;font-size:13px;font-weight:700;letter-spacing:-.02em;color:var(--ink-strong)} .ptbiz-m{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:9px; color:var(--ink-soft);font-weight:600} .ptbiz-m i{font-style:normal;color:#12A150;font-weight:800} .ptbiz-m u{text-decoration:none;color:#F0B429;letter-spacing:-.5px} .ptbiz-m u b{color:var(--ink-soft);font-weight:700;margin-left:3px} .ptpick{padding:10px 12px 12px} .ptpick-h{margin:0 0 8px;font-size:10px;font-weight:700;color:var(--ink-strong)} .phone-slots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px} .phone-slots > *{flex:0 0 calc((100% - 6px)/2)} .phone-slots span{font-family:var(--mono);font-size:10.5px;font-weight:700;text-align:center; padding:7px 0;border-radius:8px;background:var(--surface-2);color:var(--ink-soft)} .phone-slots span.pick{background:var(--purple);color:#fff} .ptgo{display:block;text-align:center;font-size:10px;font-weight:800;color:#fff; letter-spacing:.09em;background:#6A24BB;border-radius:6px;padding:9px 0} .pop{position:absolute;display:flex;align-items:center;gap:10px;background:#fff; border:1px solid rgba(231,227,238,.9);border-radius:13px;padding:10px 14px 10px 11px; box-shadow:0 2px 6px rgba(44,9,72,.06),0 16px 30px -12px rgba(44,9,72,.22)} .pop i{flex:none;width:26px;height:26px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center; font-size:12px;font-weight:800;color:#fff;font-style:normal} .pop b{display:block;font-size:12.5px;color:var(--ink-strong);line-height:1.25} .pop span{display:block;font-size:11.5px;color:var(--ink-soft);line-height:1.3} .pop-1{top:232px;right:-44px} .pop-1 i{background:#12A150} .js .ptphone,.js .pop,.js .ptinv,.js .ptrem{animation:popIn .6s var(--ease-out) backwards} .js .ptphone{animation-delay:.35s} .js .pop-1{animation-delay:.62s} .js .ptinv{animation-delay:.86s} .js .ptrem{animation-delay:1.05s} @keyframes popIn{from{opacity:0;transform:translateY(12px) scale(.97)} to{opacity:1;transform:none}} @media(max-width:1024px){ .ptapp{margin-right:calc(-1 * clamp(16px,2.4vw,30px))} .ptphone{width:180px;left:-26px} .pop-1{right:-14px} } @media(max-width:880px){ .ptstage{padding-bottom:126px} .ptphone{width:174px} } @media(max-width:560px){ .ptstage{padding:78px 0 92px} .ptapp{margin-right:0} .ptnav{display:none} .ptbar{padding:11px 12px 10px} .ptbar-h{font-size:15px} .pttools{padding:9px 12px 7px} .pttools .ptsel{display:none} .wk{padding:6px 12px 0} .wk-days > :first-child,.wk-body > :first-child{flex-basis:22px} .wk-days span:nth-child(n+5),.pf-greek .wk-days span:nth-child(n+5){display:none} .wk-col:nth-child(n+4){display:none} .wk-hours,.wk-grid{height:208px} .wk-col i u{width:2px} .wk-col i u svg{display:none} .ptbk>em{display:none} .ptphone{width:158px;left:0;bottom:-8px} .ptcover{height:22px} .pop-1{top:auto;bottom:18px;right:4px} } .act > *{flex:0 1 calc(100%/1.95)} .act > * + *{flex-basis:calc(100% * .95/1.95)} .act{display:flex;gap:clamp(30px,4.4vw,56px); align-items:center;margin-top:var(--s8)} .step{display:flex;gap:14px;align-items:flex-start} .step > *{flex:1 1 0} .step > :first-child{flex:none} .step-n{margin-top:3px;padding:3px 8px;border-radius:var(--r-chip); background:var(--purple-100);border:1px solid var(--purple-300); font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--purple)} .step h3{margin-bottom:6px;font-size:18px} .step p{font-size:16px;color:var(--ink-soft);margin-bottom:0} .step-link{margin-top:10px;font-size:15px;font-weight:700} .act .shot{background:#fff;aspect-ratio:auto;border-color:var(--line-soft)} .shot.shot-free{background:transparent;border:0;box-shadow:none;border-radius:0; padding:0} @media(max-width:860px){ .act{flex-wrap:wrap;gap:30px;margin-top:var(--s7)} .act > *{flex-basis:100%} } .mk-crop{overflow:hidden} .bkmock{display:block;width:100%;height:auto;aspect-ratio:4/3;font-family:var(--font)} .bkmock.bk-wide{aspect-ratio:3/2} @media(max-width:600px){ .mk-crop{aspect-ratio:var(--ma)} .mk-crop .bkmock{width:var(--mw);max-width:none;margin-left:var(--mx);margin-top:var(--my)} .act .shot-note{display:none} .js .tplwrap .tplhit{display:none} } .bkmock text{font-weight:600} .mk-bg{fill:var(--surface-2)} .mk-white{fill:#fff} .mk-card{fill:var(--surface);stroke:var(--line);stroke-width:.75} .mk-card-on{fill:var(--purple-100);stroke:var(--purple);stroke-width:1.3} .mk-brand{fill:var(--purple)} .mk-on{fill:#fff} .mk-h{fill:var(--ink-strong);font-weight:800} .mk-t{fill:var(--ink-soft)} .mk-m{fill:var(--ink-soft);letter-spacing:.06em} .mk-lab{fill:var(--purple);font-weight:800;letter-spacing:.09em} .mk-rule{stroke:var(--line-soft);fill:none;stroke-width:.75} .mk-off{fill:var(--surface-2);stroke:var(--line);stroke-width:.75;stroke-dasharray:4 4} .mk-ok{fill:var(--c-consult)} .mk-ok-bg{fill:var(--c-consult-bg)} .mk-tick{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .mk-wire{fill:var(--surface-3)} .mk-band{fill:#DFDBE9} .mk-sw-on{fill:var(--purple)} .mk-sw-off{fill:var(--surface-3);stroke:var(--line)} .mk-knob{fill:#fff} .mk-dark{fill:#1E1E1E} .mk-inv{fill:#fff;font-weight:800} .mk-inv-2{fill:rgba(255,255,255,.72)} .mk-inv-rule{stroke:rgba(255,255,255,.26);fill:none;stroke-dasharray:2 3} .mk-inv-box{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.3)} .mk-photo{fill:var(--purple-200)} .mk-live{fill:#166B3F;font-weight:800} @container (max-width:500px){ .shot-bkmock .mk-crop{aspect-ratio:var(--ma)} .shot-bkmock .mk-crop .bkmock{width:var(--mw);max-width:none; margin-left:var(--mx);margin-top:var(--my)} } .mk-pill-note{fill:#fff;stroke:var(--line);stroke-width:.75; filter:drop-shadow(0 2px 5px rgba(44,9,72,.10))} .mk-page{fill:#fff;stroke:var(--line);stroke-width:.75; filter:drop-shadow(0 5px 18px rgba(44,9,72,.11))} .tplwrap{position:relative} .tplhit{position:absolute;padding:0;border:0;background:none;cursor:pointer; border-radius:9px;font:inherit;color:transparent;overflow:hidden;text-indent:-999px; white-space:nowrap;display:none} .js .tplhit{display:block} .tplhit:focus{outline:none} .tplhit:focus-visible{outline:2px solid var(--purple);outline-offset:2px} .satbtn{pointer-events:none} .satframe{fill:#fff;stroke:var(--line);stroke-width:.75;transition:stroke .18s var(--ease)} .tplhit:hover + .tplhit{} .tplwrap:has(.tplhit[data-tpl="showcase"]:hover) [data-tpl="showcase"].satbtn .satframe, .tplwrap:has(.tplhit[data-tpl="directory"]:hover) [data-tpl="directory"].satbtn .satframe, .tplwrap:has(.tplhit[data-tpl="clean"]:hover) [data-tpl="clean"].satbtn .satframe, .tplwrap:has(.tplhit[data-tpl="rail"]:hover) [data-tpl="rail"].satbtn .satframe{stroke:var(--purple-300)} .satbtn.is-on .satframe{stroke:var(--purple);stroke-width:1.4} .tplpage .mk-page,.tplpage .mk-rule,.tplpage .mk-card{stroke-width:.667} .tplpage .mk-card-on{stroke-width:1.156} .tplpage > *:not(.mk-page){animation:tpl-in .22s var(--ease) both} @keyframes tpl-in{from{opacity:0}to{opacity:1}} .sattick,.sattick-m{opacity:0;transition:opacity .18s var(--ease)} .sattick{fill:var(--purple)} .satbtn.is-on .sattick,.satbtn.is-on .sattick-m{opacity:1} .tplpage{transition:none} .mk-chev{fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .mk-chev-2{fill:none;stroke:var(--ink-faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .citem{position:relative;padding:20px 24px;border-radius:var(--r-card);border:1px solid transparent; transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)} .citem::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px; background:var(--g);opacity:0;transition:opacity var(--dur) var(--ease)} .citem.on{background:#fff;border-color:var(--line);box-shadow:var(--shadow)} .citem.on::before{opacity:1} .citem h2,.citem h3{margin-bottom:6px;font-size:18px;font-weight:800;letter-spacing:-.015em; transition:color var(--dur) var(--ease)} .citem.on h2,.citem.on h3{color:var(--g-dark)} .citem p{font-size:16px;color:var(--ink-soft);margin-bottom:0} .pincol .shot{aspect-ratio:auto;background:#fff} .pincol .shot.shot-free{background:transparent} .paystack{margin-top:var(--s6);padding-bottom:12vh} .paydeck{position:relative} .payhead{position:sticky;top:calc(var(--header-h) + 16px);z-index:6; background:var(--canvas);padding-bottom:14px} .paydeck > .lede{margin-bottom:var(--s5)} .paycard{position:sticky;background:#fff;border:1px solid var(--line); border-radius:var(--r-card);padding:clamp(24px,2.6vw,36px);margin-bottom:24px; box-shadow:var(--shadow-media);transform-origin:50% 0; display:flex; gap:clamp(26px,3.2vw,44px);align-items:center} .paycard > *{min-width:0;flex:0 1 46%} .paycard > * + *{flex-basis:54%} .paycard:nth-of-type(1){top:calc(var(--header-h) + var(--payhead,239px) + 16px);z-index:1} .paycard:nth-of-type(2){top:calc(var(--header-h) + var(--payhead,239px) + 30px);z-index:2} .paycard:nth-of-type(3){top:calc(var(--header-h) + var(--payhead,239px) + 44px);z-index:3} .paycard:nth-of-type(4){top:calc(var(--header-h) + var(--payhead,239px) + 58px);z-index:4} .paycard:nth-of-type(5){top:calc(var(--header-h) + var(--payhead,239px) + 72px);z-index:5} .paycard h3{font-size:clamp(21px,1.9vw,27px);line-height:1.16;letter-spacing:-.02em; margin-bottom:12px} .paycard > div > p{color:var(--ink-soft);max-width:44ch;margin-bottom:14px} .paycard > div > p:last-child{margin-bottom:0} .pay-step{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.09em; text-transform:uppercase;color:var(--purple-dark);margin-bottom:10px} .pay-pill{display:inline-block;font-size:11.5px;font-weight:800;color:var(--purple-dark); background:var(--purple-100);border-radius:var(--r-pill);padding:5px 12px;margin-bottom:12px} .paycard.pay-money{background:var(--purple-200);border-color:var(--purple-300)} .paycard.pay-money .pay-step{color:var(--purple)} .paycard .pay-zero{font-size:clamp(56px,7vw,84px);font-weight:800;line-height:.88; letter-spacing:-.045em;color:var(--purple-deep);margin:0 0 10px} .payrail{position:relative;height:4px;background:var(--line);border-radius:4px;margin-bottom:14px} .payrail span{position:absolute;inset:0 auto 0 0;width:74%;background:var(--purple);border-radius:4px} .payrail i{position:absolute;top:-5px;width:14px;height:14px;border-radius:50%;background:var(--purple)} .payrail i:nth-of-type(1){left:0} .payrail i:nth-of-type(2){left:calc(48% - 7px)} .payrail i:nth-of-type(3){left:calc(74% - 7px)} .payrail i:nth-of-type(4){right:0;background:#fff;border:2px solid var(--line)} .payrail-l{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px} .payrail-l > *{flex:0 0 calc((100% - 30px)/4);min-width:0} .payrail-l p{font-size:12px;color:var(--ink-soft);line-height:1.4;margin:0} .payrail-l p:last-child{text-align:right} .payrail-l b{display:block;color:var(--ink-strong);font-weight:700} .paystats{display:flex;flex-wrap:wrap;gap:10px} .paystats > *{flex:0 0 calc((100% - 10px)/2);min-width:0} .paystat{border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--surface-2)} .paystat span{display:block;font-size:11.5px;color:var(--ink-soft);margin-bottom:6px} .paystat b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1; margin-bottom:4px} .paystat em{font-style:normal;display:block;font-size:11.5px;color:var(--ink-soft);line-height:1.4} .js .paycard .m{opacity:0;transform:translateY(14px); transition:opacity var(--dur-enter) var(--ease),transform var(--dur-enter) var(--ease); transition-delay:var(--d,0ms)} .js .paycard.live .m{opacity:1;transform:none} .dial{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--line); border-radius:16px;background:var(--surface-2);margin-bottom:12px} .ring{position:relative;width:104px;height:104px;flex:none} .ring svg{transform:rotate(-90deg)} .ring circle{fill:none;stroke-width:12} .ring .rbg{stroke:var(--line)} .ring .rfg{stroke:#0F766E;stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:226} .js .paycard .ring .rfg{stroke-dashoffset:302;transition:stroke-dashoffset 1.2s var(--ease) .35s} .js .paycard.live .ring .rfg{stroke-dashoffset:226} .ring-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .ring-mid b{display:block;font-size:20px;font-weight:800;line-height:1} .ring-mid span{font-size:11px;color:var(--ink-soft)} .dial-amt{font-size:27px;font-weight:800;letter-spacing:-.02em;color:#0B5C56;margin:0 0 5px} .dial p{font-size:13px;color:var(--ink-soft);line-height:1.5;margin:0} .opts{display:flex;flex-wrap:wrap;gap:7px} .opt{font-size:12.5px;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 13px; color:var(--ink-soft);background:#fff} .opt.on{border-color:#0F766E;background:#E6F5F3;color:#0B5C56;font-weight:700} .win{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)} .win-bar{position:relative;height:46px;border-radius:11px;background:#E6F5F3;overflow:hidden; margin-bottom:10px} .win-lock{position:absolute;right:0;top:0;bottom:0;width:26%;background:var(--purple-100); border-left:2px dashed var(--purple);display:flex;align-items:center;justify-content:center} .js .paycard .win-lock{width:0} .js .paycard.live .win-lock{width:26%;transition:width .95s var(--ease) .4s} .win-lock span{font-size:11.5px;font-weight:800;color:var(--purple-dark);white-space:nowrap} @media(max-width:430px){.win-lock,.js .paycard.live .win-lock{width:40%}} .win-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft); margin-bottom:12px} .win-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0; border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-strong)} .invtiles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px} .invtiles > *{flex:0 0 calc((100% - 20px)/3);min-width:0} .invtile{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--surface-2)} .invtile span{display:block;font-size:11.5px;color:var(--ink-soft);margin-bottom:6px} .invtile b{display:block;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1; margin-bottom:4px} .invtile em{font-style:normal;font-size:11.5px;color:var(--ink-soft)} .invtile em.up{color:#0B5C56;font-weight:700} .invlist{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff} .invrow{display:flex;gap:10px;align-items:center; padding:11px 14px;font-size:13.5px;border-bottom:1px solid var(--line)} .invrow > *{flex:none} .invrow > :first-child{flex:1 1 0;min-width:0} .invrow:last-child{border-bottom:none} .invrow b{font-weight:700;display:block} .invrow i{font-style:normal;display:block;color:var(--ink-soft);font-size:12px} .invrow .amt{font-weight:700;min-width:70px;text-align:right;font-variant-numeric:tabular-nums} .fnode.end{border-color:var(--purple);color:var(--purple-deep)} .js .paycard.live .farrow::after{animation:ptravel 2.6s var(--ease) infinite;opacity:1} .js .paycard.live .farrow:nth-of-type(4)::after{animation-delay:.35s} @keyframes ptravel{0%{left:-32%}60%{left:100%}100%{left:100%}} @media(max-height:700px){ .payhead{position:static;padding-bottom:0} .paycard:nth-of-type(1){top:calc(var(--header-h) + 16px)} .paycard:nth-of-type(2){top:calc(var(--header-h) + 30px)} .paycard:nth-of-type(3){top:calc(var(--header-h) + 44px)} .paycard:nth-of-type(4){top:calc(var(--header-h) + 58px)} .paycard:nth-of-type(5){top:calc(var(--header-h) + 72px)} } @media(max-width:900px){ .paycard{position:static;flex-direction:column;align-items:stretch;gap:22px; transform:none!important;opacity:1!important} .paycard > *{flex:none} .paystack{padding-bottom:0} .payhead{position:static;padding-bottom:0} .payrail-l > *{flex-basis:calc((100% - 10px)/2)} .invtiles > *{flex-basis:100%} .dial{flex-direction:column;align-items:flex-start} .payrail-l p:last-child{text-align:left} } .beats{display:flex;flex-direction:column;gap:8px;margin:0 0 var(--s4);padding:0;list-style:none} .beat > *{flex:1 1 0;min-width:0} .beat > :first-child{flex:0 0 36px} .beat{display:flex;gap:14px;align-items:flex-start; padding:13px 16px;border-radius:14px;border:1px solid transparent; transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)} .beat.on{background:#fff;border-color:var(--line)} .beat .bico{width:36px;height:36px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center; background:var(--surface-2);color:var(--ink-soft); transition:background var(--dur) var(--ease),color var(--dur) var(--ease), transform var(--dur) var(--ease)} .beat.on .bico{background:var(--purple);color:#fff;transform:scale(1.05)} .beat .bico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} .beat b{display:block;font-size:16px;margin-bottom:5px;font-weight:800;line-height:1.25; color:var(--ink-strong)} .beat p{font-size:14px;line-height:1.52;color:var(--ink-soft);margin:0} .vstat{font-size:12.5px;font-weight:800;color:var(--ink-soft);min-width:76px;text-align:right; font-family:var(--mono);letter-spacing:.02em} .vstat.on{color:#0B5C56} .js .ctx > li{display:none} .js .ctx > li.in{display:flex;animation:turnin var(--dur-enter) var(--ease)} @keyframes turnin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} .typing{display:flex;gap:4px;padding:12px 15px;background:#F1F8F0;border:1px solid #D9ECD7; border-radius:15px 15px 15px 5px;width:fit-content;margin-left:38px} .typing i{width:6px;height:6px;border-radius:50%;background:#2C8523;opacity:.4; animation:ptype 1.2s infinite} .typing i:nth-child(2){animation-delay:.18s} .typing i:nth-child(3){animation-delay:.36s} @keyframes ptype{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}} .vrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .vrow .pop{position:static;margin:0} .js .vrow > *{opacity:0;transform:translateY(8px)} .js .vrow > *.in{opacity:1;transform:none; transition:opacity var(--dur-enter) var(--ease),transform var(--dur-enter) var(--ease)} .replay{display:flex;width:fit-content;align-items:center;gap:8px;font:inherit; font-size:12.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;background:none; border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 15px; margin:0 0 0 auto} .js .replay{visibility:hidden;opacity:0; transition:opacity var(--dur-enter) var(--ease),visibility 0s linear var(--dur-enter)} .js .replay.in{visibility:visible;opacity:1;transition-delay:0s,0s} .replay:hover{background:#fff;color:var(--ink-strong)} .replay svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round} html:not(.js) .replay{display:none} .ladder{margin-top:var(--s6)} .ladsplit{display:flex;gap:3px;margin-bottom:14px} .ladsplit i{height:10px;border-radius:3px} .ladsplit i:first-child{border-radius:6px 3px 3px 6px;background:#0F766E} .ladsplit i:nth-child(2){background:var(--pr-waiting)} .ladsplit i:last-child{border-radius:3px 6px 6px 3px;background:var(--purple)} .rungs{display:flex;gap:12px} .rungs > *{flex:1 1 0;min-width:0} .rung{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px} .rung .pc{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px} .rung.r-book .pc{color:#0B5C56} .rung.r-msg .pc{color:var(--pr-pending)} .rung.r-hand .pc{color:var(--purple-dark)} .rung.r-hand{border-color:var(--purple-300)} .rung b{display:block;font-size:15.5px;margin-bottom:6px;font-weight:800;color:var(--ink-strong)} .rung p{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0} @media(max-width:860px){ .rungs{flex-wrap:wrap} .rungs > *{flex-basis:100%} .beat{padding:11px 13px;gap:11px} } @media(max-height:780px) and (min-width:861px){ .beats{gap:6px;margin-bottom:var(--s3)} .beat{padding:9px 14px} .beat b{font-size:15px;margin-bottom:3px} .beat p{font-size:13.5px;line-height:1.45} .split-media .lede,.split > div > .reveal .lede{margin-bottom:16px} } @media(prefers-reduced-motion:reduce){ .typing{display:none!important} .js .ctx > li.in{animation:none} .js .vrow > *{opacity:1;transform:none} } .fourp{display:flex;gap:10px;height:560px;margin-top:var(--s5)} .fpan{position:relative;overflow:hidden;flex:1 1 14%;min-width:0;background:#fff; border:1px solid var(--line);border-radius:var(--r-card);padding:30px 24px; display:flex;flex-direction:column; transition:flex-grow var(--dur-enter) var(--ease),flex-basis var(--dur-enter) var(--ease), background var(--dur) var(--ease)} .fpan:not(.on):hover{background:var(--surface-2)} .fpan.on{flex:1 1 44%;padding:32px 28px} .fpbtn{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left; cursor:pointer;position:static} .fpan.on .fpbtn{cursor:default} .fpbtn::after{content:"";position:absolute;inset:0;z-index:1} .fpbtn:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:8px} .fpan .fpdetail{z-index:2} .fpghost{position:absolute;right:10px;bottom:-46px;font-size:160px;font-weight:800; line-height:1;color:var(--surface-2);letter-spacing:-.06em;pointer-events:none; user-select:none;transition:opacity var(--dur) var(--ease)} .fpan.on .fpghost{opacity:0} .fpan h3{font-size:20px;letter-spacing:-.02em;margin-bottom:10px; font-weight:800;line-height:1.18;color:var(--ink-strong)} .fpan h3 .fpbtn{font-size:inherit;font-weight:inherit;letter-spacing:inherit; line-height:inherit;color:inherit} .fpan.on h3{font-size:26px;letter-spacing:-.024em;margin-bottom:12px} .fptease{position:relative;font-size:14px;line-height:1.5;color:var(--ink-soft); margin-bottom:0;max-width:20ch} .fpan.on .fptease{font-size:15.5px;line-height:1.55;max-width:44ch;margin-bottom:20px} .fpdetail{position:relative;visibility:hidden;opacity:0;display:flex;flex-direction:column; flex:1 1 auto;min-height:0; transition:opacity var(--dur) var(--ease),visibility 0s linear var(--dur)} .fpan.on .fpdetail{visibility:visible;opacity:1;transition-delay:.15s,0s} @media(min-width:1181px){ .js .fpan:not(.on) h3{font-size:15.5px;line-height:1.3;letter-spacing:-.01em; text-wrap:balance} .js .fpan:not(.on) .fptease{display:none} .js .fpdots{display:flex} } .fpdots{display:none;justify-content:center;gap:7px;margin-top:12px} .fpdots i{position:relative;width:34px;height:4px;padding:10px 0;box-sizing:content-box; cursor:pointer} .fpdots i::before,.fpdots i::after{content:"";position:absolute;top:10px;bottom:10px;left:0; border-radius:2px} .fpdots i::before{right:0;background:var(--line)} .fpdots i::after{width:0;background:var(--purple)} .fpdots i:hover::before{background:var(--ink-faint)} .fpdots i.on::after{width:100%} .fpdots i.on.run::after{width:0;animation:fpDash var(--fp-dur,6000ms) linear forwards} @keyframes fpDash{from{width:0}to{width:100%}} .fppills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;flex:0 0 auto} .fppill{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2); border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 13px 7px 11px; font-size:13.5px;font-weight:700;color:var(--ink-strong);line-height:1.2;white-space:nowrap} .fppill svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2; stroke-linecap:round;stroke-linejoin:round;flex:none} .fppill.acc{background:var(--purple-100);border-color:var(--purple-300);color:var(--purple-dark)} .fppill.ok{background:#E6F5F3;border-color:#BFE3DD;color:#0B5C56} .fpshot{background:var(--surface-2);border:1px solid var(--line);border-radius:16px; padding:14px;font-size:13px;flex:0 0 auto;margin-top:auto} .fpshot-h{display:flex;justify-content:space-between;align-items:center;gap:10px; margin-bottom:10px} .fpshot-h b{font-size:13.5px;font-weight:800;color:var(--ink-strong)} .fpshot-h span{font-size:11.5px;color:var(--ink-soft);white-space:nowrap} .fprow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff; border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin-bottom:6px} .fprow:last-child{margin-bottom:0} .fprow b{display:block;font-weight:700;font-size:12.5px;color:var(--ink-strong)} .fprow i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-soft)} .fplane{display:flex;gap:9px;align-items:center; margin-bottom:6px} .fplane > *{flex:1 1 0;min-width:0} .fplane > :first-child{flex:0 0 78px} .fplane span{font-size:11.5px;font-weight:700;color:var(--ink-strong)} .fpcells{display:flex;gap:4px} .fpcells > *{flex:1 1 0;min-width:0} .fpcells i{height:22px;border-radius:5px;background:var(--surface-2)} .fpcells i.free{background:#E6F5F3} .fpcells i.book{background:#0F766E} .fpbig{font-size:24px;font-weight:800;letter-spacing:-.025em;color:#0B5C56;margin-bottom:3px} @media(max-width:1180px){ .fourp{flex-direction:column;height:auto;gap:10px} .fpan,.fpan.on{flex:none;padding:22px;cursor:default} .fpan h3,.fpan.on h3{font-size:21px} .fptease,.fpan.on .fptease{max-width:none;font-size:15px;margin-bottom:16px} .fpdetail,.fpan.on .fpdetail{visibility:visible;opacity:1} .fpghost{display:none} } html:not(.js) .fourp{flex-direction:column;height:auto} html:not(.js) .fpan{flex:none;cursor:default} html:not(.js) .fpdetail{visibility:visible;opacity:1} html:not(.js) .fpghost{display:none} .stickylay{display:flex;gap:80px; align-items:flex-start;margin-top:var(--s6)} .stickylay > *{flex:1 1 0;min-width:0} .stickylay > :first-child{flex:0 0 360px} .stickylay .slside{position:sticky;top:calc(var(--header-h) + 24px)} .stickylay .slside h2{font-size:clamp(25px,2.2vw,30px);line-height:1.15; letter-spacing:-.02em;margin-bottom:14px} .stickylay .slside > .lede{font-size:16.5px;line-height:1.6;color:var(--ink-soft); margin-bottom:24px} .sidenav{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line)} .sidenav a{text-decoration:none;color:var(--ink-soft);font-size:15px;font-weight:700; padding:11px 16px;border-left:2px solid transparent;margin-left:-2px; transition:color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease)} .sidenav a:hover{color:var(--ink-strong);text-decoration:none} .sidenav a[aria-current="true"]{color:var(--purple-dark);border-left-color:var(--purple)} .slflow > section{padding:0 0 96px;scroll-margin-top:calc(var(--header-h) + 24px)} .slflow > section:last-child{padding-bottom:0} .slflow h3{font-size:clamp(21px,1.8vw,25px);letter-spacing:-.015em;margin-bottom:12px} .slflow > section > p{font-size:16.5px;line-height:1.65;color:var(--ink-soft); margin-bottom:24px;max-width:56ch} .shotf{border:1px solid var(--line);border-radius:18px;background:#fff; overflow:hidden;height:340px;position:relative} .shotf .slinner{position:absolute;inset:-9% 0} @media(prefers-reduced-motion:reduce){.shotf .slinner{inset:0;transform:none!important}} .slg{width:100%;height:100%;padding:22px;display:flex;flex-direction:column;gap:11px; font-size:13px} .slg-title{font-weight:800;font-size:14px;color:var(--ink-strong)} .slg .slmuted{color:var(--ink-soft);font-size:12px;line-height:1.5;margin:0} .slrow{display:flex;align-items:center;gap:10px;border:1px solid var(--line); border-radius:10px;padding:9px 11px;background:#fff} .sldot{width:24px;height:24px;border-radius:50%;background:#E6F5F3;color:#0B5C56; display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:11px;flex:none} .sldot.alt{background:var(--purple-100);color:var(--purple-dark)} .sllane{display:flex;gap:9px;align-items:center; margin-bottom:7px} .sllane > *{flex:1 1 0;min-width:0} .sllane > :first-child{flex:0 0 96px} .sllane .slname{font-weight:700;font-size:11.5px;color:var(--ink-strong)} .slslots{display:flex;gap:4px} .slslots > *{flex:1 1 0;min-width:0} .slslots i{height:26px;border-radius:5px;background:var(--surface-2)} .slslots i.free{background:#E6F5F3} .slslots i.book{background:#0F766E} .sldoor{border:9px solid #2A2F34;border-radius:16px;background:#fff;padding:18px; text-align:center;max-width:240px;margin:auto} .sldoor .slstate{font-size:28px;font-weight:800;color:#A13229;letter-spacing:-.02em} .slchip{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-weight:700; background:#fff;color:var(--ink-soft);font-size:11.5px;display:inline-block} @media(max-width:900px){ .stickylay{flex-wrap:wrap;gap:30px} .stickylay > *,.stickylay > :first-child{flex:0 0 100%} .stickylay .slside{position:static} .sidenav{display:none} .slflow > section{padding-bottom:52px} .shotf{height:250px} } .resblock .shot{aspect-ratio:auto;background:#fff;margin-top:22px} .resblock .shot.shot-free{background:transparent} .shot-label{position:absolute;top:0;left:64px;height:34px;z-index:2;display:flex;align-items:center; font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase; color:var(--ink-soft)} .swap{position:relative;display:flex} .swapview + .swapview{margin-left:-100%} .swapview{flex:0 0 100%;min-width:0;padding:26px 6px;display:flex;flex-direction:column; justify-content:center;gap:9px;opacity:0; transition:opacity var(--dur-enter) var(--ease)} .swapview.on{opacity:1} .rrow{display:flex;flex-wrap:wrap;align-items:center;gap:11px;background:#fff;border:1px solid var(--line); border-radius:10px;padding:10px 13px} .rkind{flex:none;width:64px;font-family:var(--mono);font-size:9.5px;letter-spacing:.09em; text-transform:uppercase;color:var(--ink-soft)} .rname{flex:1 1 96px;min-width:96px;font-size:13.5px;font-weight:600;color:var(--ink-strong)} .rrow.off{background:var(--surface-2);border-style:dashed} .rrow.off .rname{color:var(--ink-soft)} .prow .tag{flex:none} .plabel{display:flex;align-items:baseline;gap:7px;margin:0 0 2px; font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase; color:var(--ink-soft)} .plabel b{font-size:10.5px;color:var(--ink-strong)} .actbtn.on{background:var(--pr-primary-bg);border-color:transparent; color:var(--pr-confirmed)} .ptabs{display:flex;align-items:center;gap:16px;margin:0;padding:0 14px;background:#fff; border-bottom:1px solid var(--line)} .ptab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 0; font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap} .ptab b{font-size:9px;font-weight:700;line-height:1;padding:3px 5px;border-radius:99px; background:var(--surface-2);color:var(--ink-soft)} .ptab.on{color:var(--pr-ui)} .ptab.on b{background:var(--pr-ui-tint);color:var(--pr-ui)} .ptab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px; border-radius:2px;background:var(--pr-ui)} .sstrip{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px; font-size:10.5px;font-weight:700;color:var(--ink-soft)} .sstrip span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .sstrip span::before{content:"";width:6px;height:6px;border-radius:50%; background:var(--dot,var(--ink-faint))} .shot-flush{display:flex;flex-direction:column} .shot-flush .shotbody{padding:0;gap:0;align-content:stretch;flex:1} .cspanel{display:flex;flex-direction:column;height:100%;text-align:left} .cshead{padding:13px 14px 12px;background:linear-gradient(105deg,#DEFAE6,#DEF6EC 40%,#DFF2F5)} .cshead-t{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .cstag{display:inline-block;padding:4px 9px;border-radius:6px;background:#2B5933;color:#fff; font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .csx{flex:none;width:22px;height:22px;border-radius:7px;background:#fff;display:flex; flex-direction:column;align-items:center;justify-content:center;color:#4C495E} .csx svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round} .csttl{margin:9px 0 5px;font-size:16px;font-weight:800;letter-spacing:-.02em;color:#19152B} .csmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 11px;margin:0; font-size:9.5px;font-weight:600;color:#4C495E} .csmeta span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .csmeta svg{flex:none;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round} .csmeta i{width:15px;height:15px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal; font-size:8px;font-weight:800;background:var(--pr-ui);color:#fff} .cscap{margin-top:10px;padding:9px 11px 10px;border-radius:10px;background:#F6FCFB} .cscap-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 7px} .cscap-l{font-size:10.5px;font-weight:700;color:#4C495E} .cscap-n{font-size:10.5px;font-weight:800;color:#353049} .csbar{display:block;height:6px;border-radius:99px;background:#D6E2DE;overflow:hidden} .csbar i{display:block;height:100%;width:var(--w,50%);border-radius:99px; background:linear-gradient(90deg,#3D8552,#4DA675)} .cscap .sstrip{margin:9px 0 0;gap:3px 10px;font-size:9.5px;color:#4C495E} .cscap .sstrip span::before{width:7px;height:7px} .csbody{padding:11px 14px 13px;flex:1} .csacts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px} .csacts > *{flex:0 0 calc((100% - 18px)/4);min-width:0} .cstile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;background:#fff; border:1px solid var(--line);border-radius:9px;text-align:center; font-size:8.5px;font-weight:700;line-height:1.25;color:var(--ink-strong)} .cstile i{width:22px;height:22px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center; background:var(--tb,var(--surface-2));color:var(--ti,var(--ink-soft))} .cstile svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} .cssearch{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:7px 10px; border:1px solid var(--line);border-radius:9px;font-size:10.5px;color:var(--ink-soft)} .cssearch svg{flex:none;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} .csrow{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px; padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff} .csrow + .csrow{margin-top:6px} .csav{width:30px;height:30px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal; font-size:10px;font-weight:800;letter-spacing:.02em;background:var(--av,var(--pr-ui));color:#fff} .csrow-in{flex:1 1 auto;min-width:132px} .csrow-in b{display:block;font-size:12px;font-weight:700;color:var(--ink-strong);line-height:1.25; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .csrank{margin-left:5px;font-size:9.5px;font-weight:700;color:var(--ink-soft)} .csrow-in small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px; font-size:9.5px;font-weight:600;color:var(--ink-soft)} .cspay{display:inline-flex;align-items:center;gap:4px;flex:none;font-weight:700; color:var(--pay,#35723E)} .cspay::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor} .csrow-r{display:flex;align-items:center;gap:7px;margin-left:auto} .csel{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 7px; border:1px solid var(--line);border-radius:8px;background:#fff; font-size:10px;font-weight:700;color:var(--st,var(--ink-soft))} .csel svg{flex:none;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round} .csel .chev{width:8px;height:8px;opacity:.5} .csico{flex:none;color:var(--ink-soft)} .csico svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round} .csadd{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px; padding:9px;border-radius:9px;background:#FAF9FE;border:1px solid #EAE5FB; font-size:10.5px;font-weight:700;color:var(--pr-ui)} .csadd svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round} .csfoot{display:flex;align-items:center;gap:7px;padding:10px 14px; border-top:1px solid var(--line);background:#F9F9FF} .csbtn{padding:6px 11px;border-radius:8px;border:1px solid var(--line);background:#fff; font-size:10.5px;font-weight:700;color:var(--ink-strong);white-space:nowrap} .csbtn.pri{margin-left:auto;border-color:transparent;background:var(--pr-ui);color:#fff} .bpg{display:flex;flex-direction:column;height:100%;padding:14px;text-align:left} .bpg-top{display:flex;align-items:center;justify-content:space-between;gap:10px; padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--line); font-size:9.5px;font-weight:700;color:var(--ink-soft)} .bpg-top b{font-weight:800;color:var(--ink-strong);text-decoration:underline} .bpk-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0} .bpk-h b{font-size:13px;font-weight:800;color:#1A1A1A} .bpk-h em{font-style:normal;font-size:9.5px;font-weight:700;color:#1A1A1A} .bpk-sub{margin:4px 0 0;font-size:10px;font-weight:600;color:#5B5B66} .bpk-sub b{color:#1A1A1A} .bpk-rule{display:block;height:3px;margin:9px 0 11px;border-radius:3px;background:#E7E7E9; overflow:hidden} .bpk-rule i{display:block;height:100%;width:var(--w,100%);background:#008080} .bptz{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 9px; border:1px solid var(--line);border-radius:9px;font-size:10px;font-weight:600;color:#1A1A1A} .bptz svg{flex:none;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8; stroke-linecap:round;stroke-linejoin:round} .bptz span{margin-left:auto;color:#5B5B66} .bpk-m{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px; font-size:11px;font-weight:800;color:#1A1A1A} .bpk-m i{font-style:normal;font-size:8.5px;font-weight:700;padding:3px 7px;border-radius:99px; background:var(--surface-2);color:#5B5B66} .bpdays{display:flex;gap:3px;text-align:center} .bpdays > *{flex:1 1 0;min-width:0} .bpday{padding:6px 0 7px;border-radius:9px;font-size:9px;font-weight:700;color:#1A1A1A} .bpday b{display:block;margin-top:2px;font-size:12px;font-weight:800} .bpday.past{color:#75757D} .bpday.on{background:#1A1A1A;color:#fff} .bpseg{display:flex;gap:2px;margin:10px 0;padding:2px;border-radius:99px;background:#F3F3F5} .bpseg span{flex:1;padding:5px 0;text-align:center;border-radius:99px;font-size:9px; font-weight:700;color:#555} .bpseg span.on{background:#fff;color:#1A1A1A;box-shadow:0 1px 2px rgba(0,0,0,.08)} .bpslot{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:9px 16px;border-radius:10px; background:#008080;color:#fff;text-align:center} .bpslot b{font-size:12px;font-weight:800} .bpslot span{font-size:9px;font-weight:600;opacity:.92} .bpsel{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:10px} .bpsel-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 7px; font-size:11px;font-weight:800;color:#1A1A1A} .bpsel-h em{font-style:normal;font-size:9.5px;font-weight:700;color:#5B5B66} .bpselrow{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;padding:6px 8px; border-radius:8px;background:#F6F6F6;font-size:10px;font-weight:700;color:#1A1A1A} .bpselrow + .bpselrow{margin-top:5px} .bpnum{flex:none;width:15px;height:15px;border-radius:50%;background:#fff;display:flex; flex-direction:column;align-items:center;justify-content:center;font-style:normal;font-size:8px;font-weight:800;color:#444; border:1px solid #E7E7E9} .bpselrow .when{flex:1 1 auto;min-width:98px;white-space:nowrap} .bpmini{flex:none;padding:2px 6px;border-radius:99px;background:#fff;font-size:8.5px; font-weight:700;color:#6F6F74} .bpselrow .rm{flex:none;color:#6F6F74;font-size:11px} .bpk-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:13px} .bpghost{padding:6px 11px;border-radius:99px;border:1px solid var(--line);font-size:10px; font-weight:700;color:var(--ink-soft);white-space:nowrap} .bpgo{margin-left:auto;padding:7px 14px;border-radius:99px;background:#008080;color:#fff; font-size:10.5px;font-weight:800;white-space:nowrap} .rbk-top .csx{margin-left:auto} .rbk-r dd .on,.rbk-v .on{color:#2B5933} .rsch-tabs span.on{background:#fff;color:#191923} .rsch-h.on{color:var(--purple-deep)} .rsch-res .csrow-in{flex:1 1 auto;min-width:0} .rsch-c.off{background:#fff;border:1px solid var(--line);color:#6C6C73} .kioba-layer + .kioba-layer{margin-left:-100%} .kioba-layer{flex:0 0 100%;min-width:0;padding:9px;background:var(--kg);display:flex;gap:0; opacity:0;visibility:hidden;transition:opacity .34s var(--ease),visibility 0s .34s} .kioba-layer.on{opacity:1;visibility:visible;transition:opacity .34s var(--ease),visibility 0s} .kio-ctl.wide{margin-top:5px} .kio-btn.solid{background:var(--kp);color:#fff} .kio-btn.plain{border-color:var(--line);color:#353049} @media(max-width:760px){ .csico{display:none} .csacts > *{flex-basis:calc((100% - 6px)/2)} } .ffield.done{border-color:var(--c-consult);background:var(--c-consult-bg)} .ffield.done .ffield-v{color:var(--c-consult-ink)} .seqtrack{position:relative;min-height:calc(var(--seq-units,4) * 90vh)} .seqstage{position:sticky;top:calc(var(--header-h) + 16px)} .seqhead{margin-bottom:var(--s7)} @media(max-height:780px){ .seqstage{display:contents} .seqcard{position:sticky;top:max(calc(var(--header-h) + 16px), calc(50vh - 255px))} } .seqcard{padding:clamp(24px,3.4vw,48px);border-radius:20px; --seq-a:var(--seq-1a); --seq-b:var(--seq-1b); background-color:var(--seq-a); background-image:linear-gradient(108deg, var(--seq-a) 0%, var(--seq-a) 48%, var(--seq-b) calc(62% - var(--seq-p,0) * 10%)); transition:--seq-a var(--dur-enter) var(--ease),--seq-b var(--dur-enter) var(--ease)} .seqcard[data-seq="1"]{--seq-a:var(--seq-2a); --seq-b:var(--seq-2b)} .seqcard[data-seq="2"]{--seq-a:var(--seq-3a); --seq-b:var(--seq-3b)} .seqcard{display:flex} .seqpair + .seqpair{margin-left:-100%} .seqpair > *{flex:0 1 calc(100%/2.08)} .seqpair > * + *{flex-basis:calc(100% * 1.08/2.08)} .seqpair{flex:0 0 100%;display:flex; align-items:center;gap:clamp(24px,4vw,60px);min-width:0; opacity:0;visibility:hidden;transform:translateY(12px); transition:opacity var(--dur-enter) var(--ease), transform 0s linear var(--dur-enter), visibility 0s linear var(--dur-enter)} .seqpair.on{opacity:1;visibility:visible;transform:none; transition:opacity var(--dur-enter) var(--ease-out), transform .52s var(--ease-out), visibility 0s linear 0s} .seqclaim,.seqmedia{min-width:0} .seqclaim h3{margin-bottom:10px;font-size:clamp(21px,2.1vw,27px);font-weight:800; letter-spacing:-.02em;color:var(--purple-deep)} .seqclaim p{font-size:16.5px;color:var(--ink-soft);margin-bottom:0} .seqclaim p + p{margin-top:11px} .seqclaim .step-link{margin-top:14px} .seqmedia .shot{background:transparent;border:0;box-shadow:none; border-radius:0;padding:0;aspect-ratio:auto} html:not(.js) .seqtrack{min-height:0} html:not(.js) .seqstage{display:contents} html:not(.js) .seqcard{position:static;display:block} html:not(.js) .seqpair{margin-left:0;opacity:1;visibility:visible;transform:none; margin-bottom:34px} @media(max-width:900px){ .swapview{padding:18px;gap:8px} .rrow{padding:8px 11px} .rkind{width:56px} .citem{padding:16px 18px} .seqtrack{min-height:0} .seqstage{display:contents} .seqhead{margin-bottom:26px} .seqcard{position:static;padding:20px;border-radius:22px;background-image:none} .seqcard{flex-direction:column} .seqpair{flex:none;flex-wrap:wrap;gap:20px; opacity:1;visibility:visible;transform:none} .seqpair > *{flex-basis:100%} .seqpair + .seqpair{margin-left:0;margin-top:34px;padding-top:34px; border-top:1px solid var(--purple-300)} .seqclaim h3{font-size:20px} } .scroller{display:flex;gap:14px; overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory; padding-bottom:14px; scrollbar-width:thin;scrollbar-color:var(--line) transparent} .scroller > *{scroll-snap-align:start;flex:0 0 var(--col,86%);min-width:0} .scroller::-webkit-scrollbar{height:6px} .scroller::-webkit-scrollbar-track{background:transparent} .scroller::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px} .scroller::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)} .scroller .shot{aspect-ratio:auto;background:#fff} .carousel{position:relative} .car-ctl{display:none} .js .car-ctl{display:flex;align-items:center;gap:14px;margin-top:14px} .car-btn{flex:none;width:34px;height:34px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center; background:#fff;border:1px solid var(--line);cursor:pointer;color:var(--ink-strong); transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)} .car-btn:hover:not(:disabled){border-color:var(--purple);transform:translateY(-1px)} .car-btn:disabled{opacity:.35;cursor:default} .car-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2; stroke-linecap:round;stroke-linejoin:round} .car-dots{display:flex;gap:7px;margin:0 auto 0 0} .car-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;cursor:pointer; background:var(--line);transition:background var(--dur) var(--ease),width var(--dur) var(--ease)} .car-dot[aria-current="true"]{background:var(--g,var(--purple));width:20px;border-radius:99px} .car-count{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink-soft); font-variant-numeric:tabular-nums} .carousel-peek .scroller{--col:78%} .carousel-peek .scroller::before, .carousel-peek .scroller::after{content:"";flex:none;inline-size:calc((100% - var(--col)) / 2 - 14px)} .carousel-peek .scroller > *{scroll-snap-align:center} .carousel-peek .scroller > *{transform:scale(.93);opacity:.5; transition:transform .45s var(--ease),opacity .45s var(--ease)} .carousel-peek .scroller > *.is-on{transform:none;opacity:1} html:not(.js) .carousel-peek .scroller > *{transform:none;opacity:1} @media(prefers-reduced-motion:reduce){ .carousel-peek .scroller > *{transition:none;transform:none} } @media(max-width:760px){ .carousel-peek .scroller{--col:86%} .carousel-peek .scroller::before,.carousel-peek .scroller::after{display:none} .carousel-peek .scroller > *{scroll-snap-align:start;transform:none;opacity:1} } .js .scroller-hint{display:none} .scroller:focus-visible{outline:3px solid var(--purple);outline-offset:4px;border-radius:var(--r-media)} .shotbody{padding:22px;display:flex;flex-direction:column;gap:9px;align-content:start} .scroller-hint{margin:10px 0 0;display:flex;align-items:center;gap:8px; font-size:13px;color:var(--ink-soft)} .scroller-hint::before{content:"";width:18px;height:1px;background:var(--line)} @media(max-width:860px){ .scroller > *{flex-basis:82%} .shotbody{padding:18px} } .qdemo .pbar i{background:var(--g,var(--purple))} .qdemo .f-note{font-size:13px;color:var(--ink-soft)} .quad:has(> .cs-sp) > .tag{align-self:flex-start} .cs-app.g{--a:#2563EB}.cs-app.o{--a:#0F6CBD}.cs-app.x{--a:#0F766E}.cs-app.i{--a:#5B5B66}.cs-app.r{--a:#D2691E} .cs-on.pu{background:var(--purple-200);color:var(--purple-dark)} .cs-on.pu::before{background:var(--purple)} .cs-list em.ok{background:var(--c-consult-bg);color:var(--c-consult-ink)} .cs-list em.g{background:var(--c-class-bg);color:var(--c-class-ink)} .cs-list em.warn{background:var(--c-events-bg);color:var(--c-events-ink)} .cs-list li.off > span:not(.cs-av){font-weight:600;color:var(--ink-soft)} .cs-list li.off > .cs-av{opacity:.5} .cs-list li.off em{background:var(--surface-3);color:var(--ink-soft)} .off .cs-sw{background:var(--line);box-shadow:none} .off .cs-sw::after{right:auto;left:2px} .cs-av.b{background:var(--c-consult)} .cs-av.c{background:var(--c-events)} .cs-av.d{background:var(--purple)} .panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-card); padding:clamp(24px,2.6vw,32px);box-shadow:var(--shadow)} .panel > p{margin:12px 0 0;font-size:15px;color:var(--ink-soft)} .frow.mute .fv{color:var(--ink-soft)} .setp{margin-top:20px;padding:14px 15px 15px;background:#fff;border:1px solid var(--line); border-radius:12px;text-align:left} .setopt.on .setradio{border-color:var(--pr-ui)} .setopt.on .setradio::after{content:"";width:7px;height:7px;border-radius:50%; background:var(--pr-ui)} .settog{flex:none;width:32px;height:17px;border-radius:99px;background:var(--line); display:flex;align-items:center;padding:2px} .settog i{width:13px;height:13px;border-radius:50%;background:#fff; box-shadow:0 1px 2px rgba(25,21,43,.25)} .settog.on{background:var(--pr-ui);justify-content:flex-end} .setsel.on{border-color:var(--pr-ui)} .setsel.on svg{color:var(--pr-ui)} .fee{margin-top:18px;display:inline-block;background:#fff;color:#0B5C56; border-radius:var(--r-pill);padding:9px 17px; font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.04em} .closer{margin-top:clamp(28px,3.2vw,40px);display:flex;flex-wrap:wrap;gap:18px;align-items:center} .closer p{margin:0;flex:1;min-width:min(100%,320px);font-size:15px;color:var(--ink-soft)} .eco{display:flex;flex-wrap:wrap;gap:clamp(14px,1.8vw,20px);margin-top:var(--s6)} .eco > *{flex:0 0 calc((100% - clamp(14px,1.8vw,20px))/2)} .ecocard{display:flex;gap:16px;align-items:flex-start; padding:clamp(20px,2.2vw,26px);background:#fff;border:1px solid var(--line); border-radius:var(--r-card);box-shadow:var(--shadow); transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)} a.ecocard:hover{border-color:var(--purple);transform:translateY(-2px);text-decoration:none} .ecomark{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px; border-radius:var(--r-chip);background:#fff;border:1px solid var(--line);overflow:hidden} .ecomark img{width:30px;height:30px;object-fit:contain} .ecocard h3,.ecocard .lbl{margin:1px 0 0;font-size:17px} .ecocard p{margin:7px 0 0;font-size:14.5px;color:var(--ink-soft)} .ifilter{display:flex;flex-wrap:wrap;gap:7px;margin-top:var(--s7); padding-bottom:var(--s5);border-bottom:1px solid var(--line)} .ichip{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px; font-weight:600;color:var(--ink-soft);background:#fff;border:1px solid var(--line); border-radius:var(--r-pill);padding:9px 15px 9px 17px;cursor:pointer; transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease), color var(--dur) var(--ease)} .ichip:hover{border-color:var(--purple);color:var(--purple)} .ichip[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:#fff} .ichip b{font-size:11px;font-weight:800;padding:3px 7px;border-radius:var(--r-pill); background:var(--surface-3);color:var(--ink-soft)} .ichip[aria-pressed="true"] b{background:rgba(255,255,255,.24);color:#fff} .applist{display:flex;flex-wrap:wrap; gap:clamp(18px,2vw,26px) 8px;margin-top:var(--s6)} .applist > *{flex:1 1 96px} .app{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px; padding:6px 2px;border-radius:var(--r-media); transition:transform var(--dur) var(--ease)} a.app:hover{transform:translateY(-3px);text-decoration:none} .app[hidden]{display:none!important} .lbl{margin:0 0 var(--s4);color:var(--ink-strong);line-height:1.2; letter-spacing:-.015em;font-size:1.17em;font-weight:700} .appmark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none; width:56px;height:56px;border-radius:var(--r-chip);overflow:hidden;background:#fff; border:1px solid var(--line);box-shadow:var(--shadow-sm); transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)} .app:hover .appmark{border-color:var(--purple-300);box-shadow:var(--shadow-lift)} .appmark b{font-size:13px;font-weight:800;color:var(--ink-soft)} .appmark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain; padding:10px;background:#fff} .appmark.noimg img{display:none} .app-name{font-size:11.5px;line-height:1.35;text-align:center;color:var(--ink-soft); max-width:12ch;transition:color var(--dur) var(--ease)} .app:hover .app-name,.app:focus-visible .app-name{color:var(--purple)} .app-dot{position:absolute;top:2px;right:calc(50% - 32px);width:9px;height:9px; border-radius:50%;border:2px solid var(--surface-2);background:var(--ink-faint)} .applist-key{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:var(--s5);padding-top:18px; border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-soft)} .applist-key span{display:inline-flex;align-items:center;gap:8px} .applist-key i{position:static;flex:none;width:9px;height:9px;border-radius:50%; border:0;background:var(--ink-faint)} @media(max-width:860px){ .eco > *{flex-basis:100%} .ifilter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} .ifilter::-webkit-scrollbar{display:none} .ichip{white-space:nowrap} .ifilter.ifilter-wrap{flex-wrap:wrap;overflow-x:visible} } @media(max-width:520px){ .applist > *{flex-basis:78px} .appmark{width:48px;height:48px} .app-dot{right:calc(50% - 28px)} } .supcard .btn{margin-top:auto} .choice{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line); border-top:3px solid var(--grp,var(--purple));border-radius:var(--r-card);overflow:hidden; box-shadow:var(--shadow);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)} .choice:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)} .choice-art .tline i{background:var(--grp)} .choice-art .cellbox{height:16px;border-radius:4px} .choice-art .cellbox.on{background:var(--grp);opacity:.9} .choice-art .pbar i{background:var(--grp)} .choice-art .tag-solid{background:var(--grp)} .art-row .tline,.art-row .pbar{flex:1;min-width:0} .indaccord{display:flex;gap:12px;height:440px} .indpanel{position:relative;flex:1 1 0;min-width:0;overflow:hidden; border-radius:var(--r-card);background:var(--grp,var(--purple)); box-shadow:var(--shadow);transition:flex-grow .45s var(--ease)} .indpanel.open{flex-grow:5} .indpanel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover; transform:scale(1.04);transition:transform .6s var(--ease)} .indpanel.open img{transform:scale(1)} .indpanel.open .indpanel-shot{opacity:1;transition-delay:.3s} .indpanel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.5) 100%); transition:opacity .5s var(--ease)} .indpanel:not(.open)::after{background:rgba(0,0,0,.46)} .indpanel-hit{position:absolute;inset:0;z-index:2;width:100%;height:100%; border:0;padding:0;background:transparent;cursor:pointer;appearance:none} .indpanel-hit:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:var(--r-card)} .indpanel-name{position:absolute;z-index:3;margin:0;pointer-events:none;color:#fff; font-weight:800;letter-spacing:-.02em;line-height:1.1; text-shadow:0 1px 14px rgba(0,0,0,.45)} .indpanel.open .indpanel-name{left:26px;right:26px;top:24px;font-size:27px} .indpanel:not(.open) .indpanel-name{left:0;right:0;top:24px;bottom:24px;font-size:18px; writing-mode:vertical-rl;transform:rotate(180deg);padding-right:26px; white-space:nowrap;overflow:hidden} .indsheet{position:absolute;left:14px;right:14px;bottom:14px;z-index:4; border-radius:12px;padding:15px 17px 16px;background:rgba(255,255,255,.95); opacity:0;transform:translateY(10px);visibility:hidden; transition:opacity .22s var(--ease),transform .26s var(--ease),visibility 0s .22s} .indpanel.open .indsheet{opacity:1;transform:none;visibility:visible; transition:opacity .26s var(--ease) .34s,transform .3s var(--ease) .34s, visibility 0s .34s} .indsheet-cap{margin:0;font-size:14.5px;font-weight:600;color:var(--ink-strong)} .indsheet-chips{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px} .indsheet-chips a{display:inline-block;font-size:13.5px;font-weight:600; color:var(--grp-ink,var(--purple));background:var(--grp-bg,var(--purple-100)); border:1px solid transparent;border-radius:var(--r-pill);padding:6px 13px} .indsheet-chips a:hover{border-color:var(--grp);text-decoration:none} .indpanel-tick{position:absolute;left:0;right:0;bottom:0;z-index:5;height:3px; background:rgba(255,255,255,.8);transform:scaleX(0);transform-origin:left center; opacity:0;pointer-events:none} .indpanel.open.auto .indpanel-tick{opacity:1;animation:ind-tick 5500ms linear forwards} @keyframes ind-tick{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(max-width:900px){ .indpanel-tick{display:none} .indaccord{flex-direction:column;align-items:stretch;gap:14px;height:auto} .indpanel{flex:none;padding-top:150px;background:#fff;border:1px solid var(--line)} .indpanel-hit{display:none} .indpanel img,.indpanel-shot{inset:0 0 auto;height:150px;opacity:1} .indpanel img{transform:none} .indpanel::after{inset:0 0 auto;height:150px; background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.6) 100%)} .indaccord .indpanel .indpanel-name{left:18px;right:18px;top:106px;bottom:auto; font-size:20px;writing-mode:horizontal-tb;transform:none;padding:0; white-space:normal;overflow:visible} .indsheet{position:static;opacity:1;transform:none;visibility:visible; background:transparent;padding:14px 16px 16px;transition:none} } .fcat{display:flex;flex-wrap:wrap;gap:20px; align-items:flex-start} .fcat > *{flex:0 0 calc((100% - 40px)/3);min-width:0} .fcat-card{display:flex;flex-direction:column;background:#fff; border:1px solid var(--line);border-radius:var(--r-card);padding:22px; box-shadow:var(--shadow); transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)} .fcat-card:hover{border-color:var(--purple);box-shadow:var(--shadow-lift); transform:translateY(-3px)} .fcat-card:has(.fcat-toggle[aria-expanded="true"]){border-color:var(--purple)} .fcat-card h3,.fcat-card .lbl{display:flex;align-items:center;gap:11px;margin:0 0 4px; padding:0 0 14px;border-bottom:1px solid var(--line); font-size:17px;font-weight:800;letter-spacing:-.02em} .fcat-ico{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:34px;height:34px; border-radius:10px;background:var(--purple-100);color:var(--purple); transition:background var(--dur) var(--ease),color var(--dur) var(--ease), transform .3s cubic-bezier(.34,1.4,.5,1)} .fcat-ico svg{width:19px;height:19px} .fcat-card:hover .fcat-ico{background:var(--purple);color:#fff; transform:rotate(-6deg) scale(1.06)} .fcat-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0} .fcat-card li + li,.fcat-more li:first-child{border-top:1px solid var(--line)} .fcat-card a{display:flex;flex-direction:column;gap:2px;padding:11px 0; transition:transform var(--dur-micro) var(--ease)} .fcat-card a:hover{transform:translateX(4px);text-decoration:none} .fcat-n{font-size:14.5px;font-weight:600;color:var(--ink-strong); transition:color var(--dur-micro) var(--ease)} .fcat-card a:hover .fcat-n{color:var(--purple)} .fcat-d{font-size:12.5px;line-height:1.45;color:var(--ink-soft)} .fcat-more{display:flex;flex-direction:column} .js .fcat-more{height:0;overflow:hidden;interpolate-size:allow-keywords; transition:height .4s cubic-bezier(.3,.8,.35,1)} .fcat-more-in{overflow:hidden} .js .fcat-more-in{visibility:hidden;transition:visibility 0s .4s} .js .fcat-card:has(.fcat-toggle[aria-expanded="true"]) .fcat-more-in{ visibility:visible;transition:visibility 0s} .js .fcat-card:has(.fcat-toggle[aria-expanded="true"]) .fcat-more{height:auto} .js .fcat-card:has(.fcat-toggle[aria-expanded="true"]) .fcat-more li{ animation:fcat-rise .42s var(--ease-out) backwards} .fcat-more li:nth-child(1){animation-delay:.06s} .fcat-more li:nth-child(2){animation-delay:.12s} .fcat-more li:nth-child(3){animation-delay:.18s} @keyframes fcat-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} .fcat-toggle{display:none} .js .fcat-toggle{display:inline-flex;align-items:center;gap:7px;align-self:flex-start; margin-top:16px;padding:8px 15px;font:inherit;font-size:12.5px;font-weight:700; color:var(--purple);background:var(--purple-100);border:1px solid var(--line); border-radius:var(--r-pill);cursor:pointer; transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease), color var(--dur) var(--ease)} .js .fcat-toggle:hover{background:var(--purple);border-color:var(--purple);color:#fff} .fcat-chev{width:13px;height:13px;transition:transform .32s var(--ease)} .fcat-toggle[aria-expanded="true"] .fcat-chev{transform:rotate(180deg)} .toolcards{display:flex;gap:22px} .toolcards > *{flex:0 1 calc(100%/3)} .toolcard{display:flex;flex-direction:column;background:#fff; border:1px solid var(--line);border-radius:var(--r-card);padding:28px; box-shadow:var(--shadow); transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)} .toolcard:hover{border-color:var(--purple);transform:translateY(-3px); box-shadow:var(--shadow-lift);text-decoration:none} .toolcard-fig{align-self:flex-start;margin-bottom:18px;padding:6px 13px; font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.09em; color:var(--purple);background:var(--purple-100); border:1px solid var(--line);border-radius:var(--r-pill)} .toolcard h3,.toolcard .lbl{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em; line-height:1.25;color:var(--ink-strong)} .toolcard p{flex:1;margin:10px 0 0;font-size:14.5px;color:var(--ink-soft)} .toolcard-go{margin-top:20px;font-size:13.5px;font-weight:700;color:var(--purple)} .toolcard:hover .toolcard-go{text-decoration:underline;text-underline-offset:3px} @media(max-width:900px){ .fcat > *{flex-basis:calc((100% - 20px)/2)} .toolcards{flex-wrap:wrap} .toolcards > *{flex-basis:100%} } @media(max-width:580px){.fcat > *{flex-basis:100%}} .pr-line{position:relative;height:1px;background:var(--line); display:flex} .pr-stop{position:relative;flex:1 1 0} .pr-stop::before{content:"";position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%; background:#fff;border:2px solid var(--purple)} .pr-stop:last-child::before{background:var(--purple)} .pr-stop::after{content:attr(data-at);position:absolute;left:50%;bottom:16px; transform:translateX(-50%);white-space:nowrap; font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.11em; text-transform:uppercase;color:var(--ink-soft);background:#fff; border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 13px} .pr-grid{display:flex;gap:20px; align-items:stretch} .pr-grid > *{flex:0 1 calc(100%/3);min-width:0} .pr-grid > .pr-card{display:flex;flex-direction:column} .pr-grid.two > *{flex-basis:50%} .pr-cta{margin-top:auto;padding-top:24px} .pr-card{border-radius:var(--r-card);padding:30px;border:1px solid var(--line); transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .pr-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)} .pr-1{background:var(--purple-100)} .grey .pr-1{border-color:var(--purple-300);box-shadow:var(--shadow-sm)} .pr-2{background:var(--purple-200);border-color:var(--purple-300)} .pr-3{background:var(--grad-cta);border-color:transparent} .pr-when{display:inline-block;margin-bottom:12px;font-family:var(--mono); font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; color:var(--purple-deep)} .pr-card h3{margin:0 0 18px;font-size:21px;font-weight:800;letter-spacing:-.025em; line-height:1.15} .pr-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} .pr-card li::before{flex:none} .pr-card li{display:flex;gap:11px;align-items:flex-start; font-size:14.5px;line-height:1.45;color:var(--ink-soft)} .pr-card > p:not(.pr-cta){margin:0 0 14px;font-size:14.5px;line-height:1.55; color:var(--ink-soft)} .pr-card > p:not(.pr-cta):last-of-type{margin-bottom:0} .pr-3 > p:not(.pr-cta){color:rgba(255,255,255,.88)} .pr-card li::before{content:"";width:19px;height:19px;margin-top:1px; background:var(--purple); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0A10 10 0 1 0 10 20A10 10 0 1 0 10 0ZM8.5 15.2L4 10.7L5.8 8.9L8.5 11.6L14.2 5.9L16 7.7Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0A10 10 0 1 0 10 20A10 10 0 1 0 10 0ZM8.5 15.2L4 10.7L5.8 8.9L8.5 11.6L14.2 5.9L16 7.7Z'/%3E%3C/svg%3E") center/contain no-repeat} .pr-3 .pr-when{color:var(--purple-200)} .pr-3 h3{color:#fff} .pr-3 li{color:rgba(255,255,255,.88)} .pr-3 li::before{background:#fff} .pr-card li.no{color:var(--ink-soft)} .pr-card li.no::before{background:var(--ink-soft); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0A10 10 0 1 0 10 20A10 10 0 1 0 10 0ZM14.1 12.7L12.7 14.1L10 11.4L7.3 14.1L5.9 12.7L8.6 10L5.9 7.3L7.3 5.9L10 8.6L12.7 5.9L14.1 7.3L11.4 10Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0A10 10 0 1 0 10 20A10 10 0 1 0 10 0ZM14.1 12.7L12.7 14.1L10 11.4L7.3 14.1L5.9 12.7L8.6 10L5.9 7.3L7.3 5.9L10 8.6L12.7 5.9L14.1 7.3L11.4 10Z'/%3E%3C/svg%3E") center/contain no-repeat} .pr-3 li.no{color:rgba(255,255,255,.62)} .pr-3 li.no::before{background:rgba(255,255,255,.62)} .pr-card > p.pr-amt{display:flex;align-items:baseline;gap:3px;margin:0 0 2px; font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--ink-strong); font-variant-numeric:tabular-nums;line-height:1} .pr-amt sup{font-size:21px;font-weight:700;top:-.5em;position:relative} .pr-card > p.pr-per{margin:0 0 18px;font-size:13px;line-height:1.45;color:var(--ink-soft)} .pr-3 > p.pr-amt{color:#fff} .pr-3 > p.pr-per{color:var(--purple-200)} .cmp .cmp-grp th{background:var(--surface-2);font-size:12.5px;font-weight:800; letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft); padding-top:18px;padding-bottom:10px} .cmp td.val{text-align:center;font-weight:600;font-size:14.5px} .cmp th.val{text-align:center} @media(max-width:900px){ .pr-grid{flex-wrap:wrap} .pr-grid > *,.pr-grid.two > *{flex-basis:100%} .pr-line{display:none} } .callwrap{display:flex;flex-direction:column;gap:18px} .callstack{display:flex;flex-direction:column;gap:12px} .callcard{position:relative;background:#fff;border:1px solid var(--line); border-radius:var(--r-card);box-shadow:var(--shadow-lift);padding:18px 20px; height:clamp(200px,36vh,310px);display:flex;flex-direction:column; justify-content:flex-end;gap:10px;overflow:hidden} .callcard .ctx{display:flex;flex-direction:column;justify-content:flex-end;gap:10px; margin:0;overflow:hidden;min-height:0} .pop-booked i{background:#2C8523} .pop i svg{width:14px;height:14px} .callhead .tag{flex:none} .js .cdot{animation:cpulse 2s var(--ease) infinite} @keyframes cpulse{0%,100%{box-shadow:0 0 0 4px rgba(15,118,110,.15)} 50%{box-shadow:0 0 0 8px rgba(15,118,110,.04)}} @keyframes cw{0%,100%{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:.9}} .ctx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px} .ctx li{display:flex;align-items:flex-start;gap:9px} .ctx .them{flex-direction:row-reverse} .cav{flex:none;width:30px;height:30px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center; font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em; background:#F2F2F4;color:#191923} .cav svg{width:16px;height:16px;color:#5F5F66} .cav-ai{background:linear-gradient(#2C8523,#2A7F22);color:#fff} .cbub{max-width:84%;border-radius:12px;padding:9px 12px 7px;border:1px solid transparent} .us .cbub{background:#F1F8F0;border-color:#D9ECD7} .them .cbub{background:#F2F2F4} .ctx p{margin:0;font-size:13.5px;line-height:1.5;color:#191923} .ctm{display:block;margin-top:4px;font-family:var(--mono);font-size:10px;font-weight:600; color:#5F5F66;letter-spacing:.02em;font-variant-numeric:tabular-nums} .js .ctx li{animation:fa-in .4s var(--ease-out) backwards} .js .ctx li:nth-child(1){animation-delay:.05s} .js .ctx li:nth-child(2){animation-delay:.35s} .js .ctx li:nth-child(3){animation-delay:.65s} .js .ctx li:nth-child(4){animation-delay:.95s} .js .callout{animation:fa-in .45s var(--ease-out) 1.3s backwards} .callhat .tag{flex:none} .vbar{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 7px; background:#fff;border:1px solid var(--line);border-radius:var(--r-card); box-shadow:0 1px 3px rgba(44,9,72,.05),0 10px 22px -14px rgba(44,9,72,.28)} .vav{flex:none;width:34px;height:34px;border-radius:50%;display:flex; flex-direction:column;align-items:center;justify-content:center;background:var(--c-consult-bg)} .vav svg{width:17px;height:17px;color:var(--c-consult)} .vwave{flex:1;min-width:0;display:flex;align-items:center;justify-content:center; gap:2.5px;height:26px;overflow:hidden} .vwave i{display:block;flex:none;width:2.5px;border-radius:2px; background:#3E9535;opacity:.8;height:var(--h,10px)} .js .vwave i{animation:cw 1.15s var(--ease) infinite;animation-delay:var(--d,0s)} .vorb{flex:none;width:38px;height:38px;border-radius:50%;display:flex; flex-direction:column;align-items:center;justify-content:center;background:var(--grad-cta); box-shadow:0 0 0 4px rgba(139,34,226,.13)} .vorb svg{width:18px;height:18px;color:#fff} .js .vorb{animation:vorb-glow 2.4s var(--ease) infinite} @keyframes vorb-glow{0%,100%{box-shadow:0 0 0 4px rgba(139,34,226,.13)} 50%{box-shadow:0 0 0 9px rgba(139,34,226,.05)}} .vmute{flex:none;width:32px;height:32px;border-radius:50%;display:flex; flex-direction:column;align-items:center;justify-content:center;background:var(--surface-3)} .vmute svg{width:15px;height:15px;color:var(--ink-soft)} .callout:not(.callout-note){flex-wrap:wrap;row-gap:2px;justify-content:space-between} .callout:not(.callout-note) b{flex:1 1 200px} .callout:not(.callout-note) span{margin-left:0} .callout{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 15px; background:var(--c-consult-bg);border-radius:12px; font-size:13.5px;font-weight:700;color:var(--c-consult-ink)} .callout b{font-weight:800} .callout span{margin-left:auto;font-weight:600;opacity:.8} .callwrap{position:relative} .calcard{background:#fff;border:1px solid var(--line);border-radius:14px; padding:11px 13px 13px;box-shadow:var(--shadow-lift)} .calcard-h{display:flex;align-items:baseline;gap:8px;margin:0 0 8px} .calcard-h b{font-size:12.5px;font-weight:800;color:var(--ink-strong);letter-spacing:-.02em} .calcard-h span{margin-left:auto;font-size:9.5px;font-weight:700;color:var(--ink-soft); font-variant-numeric:tabular-nums} .caldays{display:flex; gap:0 4px;padding-bottom:6px;border-bottom:1px solid var(--line-soft);margin-bottom:2px} .caldays > *{flex:1 1 0;min-width:0} .caldays > .calsp{flex:0 0 34px} .caldays span{font-size:9.5px;font-weight:700;color:var(--ink-soft);text-align:center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .caldays span.on{color:#4E2D83;font-weight:800} .calgrid{--calrow:clamp(34px,5.2vh,46px);--caldays:1;position:relative;margin-top:3px; display:flex;gap:0 4px;padding-right:38px; height:calc(3.4 * var(--calrow))} .calcol{position:relative;flex:1 1 0;min-width:0} .calsite.on{background:var(--purple-deep);border-color:transparent} .calsite.on b,.calsite.on em{color:#fff} .calsite.on svg{color:rgba(255,255,255,.75)} .caldays-w > .calsp{order:-1} .calgrid-w .calhr{left:0;right:auto;width:30px;text-align:right} .calgrid-w .calbk{padding:3px 6px} .calgrid-w > .calcol{border-left:1px solid #E4E4E8} .calgrid-w .calbk em{line-height:1.15} .calgrid-w .calbk b{white-space:normal;text-overflow:clip;line-height:1.2;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical} .calcol.on{background:#FBF9FE} .calgrid::before{content:"";position:absolute;inset:0;pointer-events:none; background-image:repeating-linear-gradient(#E4E4E8 0 1px,transparent 1px var(--calrow))} .calhr{position:absolute;right:0;top:calc(var(--s) * var(--calrow)); transform:translateY(2px);font-family:var(--mono);font-size:8.5px;font-weight:600; line-height:1;color:var(--ink-soft);font-variant-numeric:tabular-nums} .calbk{position:absolute;left:1px;right:1px; top:calc(var(--s) * var(--calrow));height:calc(var(--d) * var(--calrow)); border-radius:5px;padding:4px 7px;overflow:hidden} .calbk em{display:block;font-style:normal;font-size:8.5px;font-weight:800;line-height:1.2; font-variant-numeric:tabular-nums} .calbk b{display:block;margin-top:1px;font-size:10px;font-weight:700;line-height:1.25; color:#393A43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .calbk i{display:block;font-style:normal;font-size:8.5px;font-weight:600;line-height:1.25; color:#54545C} .cb-mauve{background:#E0C4E0} .cb-mauve em{color:#892394} .cb-peach{background:#F7E1C0} .cb-peach em{color:#8A4A03} .cb-green{background:#DAF0B5} .cb-green em{color:#46600F} .callflow{margin-top:2px} @media(max-width:1119px){ .callflow{max-width:460px;margin-top:26px} } .cf-row{display:flex;flex-direction:column;gap:14px;align-items:center} .cf-col{width:100%;max-width:340px} .cf-col-ph{max-width:none;width:auto} .cf-arrow{position:relative;display:block;width:26px;height:26px;align-self:center; transform:rotate(90deg)} .cf-arrow::before{content:"";position:absolute;top:50%;left:3px;right:8px;height:2px; margin-top:-1px;background:var(--purple);opacity:.55} .cf-arrow::after{content:"";position:absolute;top:50%;right:6px;width:7px;height:7px; margin:-4.5px 0 0;border-right:2px solid var(--purple);border-bottom:2px solid var(--purple); transform:rotate(-45deg)} .cf-tag{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;padding:6px 13px 6px 10px; border-radius:var(--r-pill);font-size:12.5px;font-weight:700;line-height:1.2} .cf-tag svg{flex:none;width:14px;height:14px} .cf-tag.ok{background:#E4F5E4;color:#276B27} .cf-tag.warn{background:#FDF3D6;color:#7A5A00} .lockphone{width:172px;padding:5px 5px 0;border-radius:30px 30px 0 0;background:#15101C; display:flex;box-shadow:0 0 34px -12px rgba(44,9,72,.45)} .lp-screen{position:relative;flex:1;border-radius:26px 26px 0 0;overflow:hidden; padding:9px 8px 26px; background:linear-gradient(168deg,#6A38B4,#4E2D83 58%,#33194F);text-align:center} .lp-island{position:absolute;top:8px;left:50%;width:44px;height:13px;margin-left:-22px; border-radius:7px;background:#15101C} .lp-status{display:flex;justify-content:flex-end;margin:1px 0 0;color:#fff} .lp-status svg{width:38px;height:10.4px} .lp-d{display:block;margin-top:16px;font-size:10px;font-weight:600;color:#EDE7F6} .lp-t{display:block;margin:-2px 0 14px;font-size:42px;font-weight:200;letter-spacing:-.035em; line-height:1.06;color:#fff;font-variant-numeric:tabular-nums} .lp-note{display:flex;align-items:flex-start;gap:7px;text-align:left; background:rgba(255,255,255,.93);border-radius:13px;padding:8px 9px} .lp-ico{flex:none;width:22px;height:22px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center; background:var(--purple-200);color:var(--purple)} .lp-ico svg{width:13px;height:13px} .lp-b{min-width:0;flex:1} .lp-app{display:flex;align-items:baseline;gap:6px} .lp-app b{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase; color:var(--ink-soft)} .lp-app u{margin-left:auto;text-decoration:none;font-size:9px;font-weight:700;color:var(--ink-soft)} .lp-b em{display:block;margin-top:2px;font-style:normal;font-size:10.5px;font-weight:700; color:var(--ink-strong);line-height:1.25} .lp-b i{display:block;margin-top:1px;font-style:normal;font-size:10px;font-weight:600; color:var(--ink-soft);line-height:1.25} @media(min-width:1120px){ .cf-row{flex-direction:row;align-items:center;gap:10px} .cf-row > *{flex:none} .cf-row > :first-child{flex:1 1 0} .cf-col{max-width:none} .cf-row > .cf-col{align-self:start} .cf-row > .cf-col-ph{align-self:stretch;display:flex;flex-direction:column; align-items:flex-start} .cf-col-ph .lockphone{flex:1} .cf-arrow{transform:none;align-self:center;margin-top:14px} } .cb-new{box-shadow:0 0 0 1.5px #fff,0 2px 7px rgba(44,9,72,.18);transform-origin:top center} @keyframes cal-drop{from{opacity:0;transform:scaleY(.55) translateY(-5px)} to{opacity:1;transform:none}} .js .callflow{animation:fa-in .5s var(--ease-out) 1.7s backwards} .js .cb-new{animation:cal-drop .5s var(--ease-out) 2.05s backwards} .callout.callout-note{align-items:flex-start;line-height:1.55} .callout.callout-note span{margin-left:0;opacity:1} @media(max-width:760px){ .callcard{padding:18px 16px 44px} .ctx li{gap:8px} .cav{width:26px;height:26px;font-size:9.5px} .cav svg{width:14px;height:14px} } @media(max-width:900px){ .quotes > *{flex-basis:100%} } .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px; list-style:none;margin:0 0 18px;padding:0; font-size:13px;line-height:1.4;color:var(--ink-soft)} .crumbs li{display:flex;align-items:center;gap:9px} .crumbs li + li::before{content:"/";color:var(--line);font-weight:600} .crumbs a{position:relative;color:var(--ink-soft);font-weight:600} .crumbs a::after{content:"";position:absolute;inset:-13px -4px} .crumbs a:hover{color:var(--purple);text-decoration:none} .crumbs [aria-current="page"]{color:var(--ink-soft);font-weight:400} .hubjump{position:sticky;top:var(--header-h);z-index:20;background:rgba(252,251,249,.94); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .hubjump-in{display:flex;justify-content:center;gap:4px;height:66px;align-items:center; overflow-x:auto;scrollbar-width:none} .hubjump-in::-webkit-scrollbar{display:none} .hubjump a{display:inline-flex;align-items:center;gap:8px;flex:none; font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.01em; text-transform:none;color:var(--ink-strong);white-space:nowrap;padding:9px 16px; border-radius:var(--r-pill);background:var(--surface-2); transition:background var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)} .hubjump a svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor; stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .hubjump a:hover{background:#fff;color:var(--ink-strong);text-decoration:none; box-shadow:0 1px 2px rgba(18,16,26,.07)} .hubjump a[aria-current="true"]{background:var(--purple);color:#fff; box-shadow:0 1px 3px rgba(139,34,226,.28)} .hubjump a[aria-current="true"]:hover{background:var(--purple-dark)} @media(max-width:860px){ .hubjump.hubjump-wrap{position:static} .hubjump.hubjump-wrap .hubjump-in{flex-wrap:wrap;height:auto;overflow-x:visible; gap:6px;padding-top:11px;padding-bottom:11px} } @media(max-width:620px){ .hubjump{position:static} .hubjump-in{height:auto;padding-top:12px;padding-bottom:12px;overflow-x:visible} } .hubrail{display:flex; gap:clamp(26px,4vw,60px);align-items:flex-start} .hubrail > *{flex:1 1 0;min-width:0} .hubrail > :first-child{flex:0 0 210px} .hubrail-nav{position:sticky;top:calc(var(--header-h) + 30px);align-self:start; display:flex;flex-direction:column;gap:2px;padding-left:19px} .hubrail-body{padding-bottom:300px} .hubrail-side .hubrail-nav{position:static;top:auto;margin-top:22px} .hubrail-side .lede{font-size:16px;line-height:1.6;margin-bottom:0} .hubrail-fill{display:block;width:100%;height:calc(var(--p,0) * 100%); background:var(--purple);border-radius:2px} .hubrail-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px; border-radius:9px;font-size:14.5px;font-weight:600;line-height:1.3; color:var(--ink-soft);background:var(--canvas); transition:background var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)} .hubrail-nav a svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor; stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .hubrail-nav a:hover{color:var(--ink-strong);background:var(--surface-2);text-decoration:none} .hubrail-nav a[aria-current="true"]{color:var(--purple-dark);background:var(--purple-100)} @media(max-width:900px){ .hubrail{gap:clamp(20px,3vw,34px)} .hubrail > :first-child{flex-basis:168px} .hubrail-nav{padding-left:16px} .hubrail-nav a{padding:8px 10px;font-size:14px;gap:8px} } @media(max-width:720px){ .hubrail{flex-wrap:wrap;gap:22px} .hubrail > *,.hubrail > :first-child,.hubrail-lead > :first-child{flex-basis:100%} .hubrail-side .hubrail-nav{margin-top:16px} .hubrail-nav{position:sticky;top:var(--header-h);z-index:20; display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto; margin:0 calc(-1 * var(--s5));padding:9px var(--s5) 12px; background:rgba(252,251,249,.95); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border-bottom:1px solid var(--line)} .hubrail-nav a{flex:none;padding:8px 13px;font-size:13.5px} .hubrail-nav a svg{display:none} .hubrail-fill{width:calc(var(--p,0) * 100%);height:100%} .hubrail-body{padding-bottom:0} } .hubband-head .eyebrow{display:block;margin:0;padding-bottom:12px; border-bottom:1px solid var(--line);color:var(--ink-soft)} .hubband-head.head-shot .eyebrow{padding-bottom:0;border-bottom:0;margin-bottom:9px} .hubfeats{--gap:clamp(12px,1.4vw,18px);display:flex;flex-wrap:wrap;gap:var(--gap)} .hubfeats > *{flex:0 0 calc((100% - var(--gap))/2);min-width:0} .xcerpt.swapping .xswap{opacity:.35} .growlane .step{position:relative} .growlane .step-n{position:relative;z-index:1} .growlane .step h3{font-size:19px} .growlane .step p{font-size:15.5px} .growlane .step-link{margin-top:9px} .shapes{display:flex;flex-wrap:wrap; gap:clamp(18px,2.2vw,26px)} .shapes > *{flex:0 0 calc((100% - 2 * clamp(18px,2.2vw,26px))/3);min-width:0} .shapecard{display:flex;flex-direction:column;padding:14px 14px 20px; border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)} .shapecard-art{position:relative;margin:0;overflow:hidden; border-radius:calc(var(--r-card) - 5px);aspect-ratio:4/3;background:var(--g-tint)} .shapecard-body{display:flex;flex-direction:column;flex:1;min-width:0} .shapecard-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .shapecard-kind{display:block;margin:16px 2px 7px;font-size:11px;font-weight:800; letter-spacing:.09em;text-transform:uppercase;color:var(--g-dark)} .shapecard h3{margin:0 2px 9px;font-size:20px;line-height:1.2;letter-spacing:-.02em} .shapecard h3 a{color:var(--ink-strong)} .shapecard h3 a:hover{color:var(--g-dark);text-decoration:none} .shapecard p{margin:0 2px;font-size:14.5px;line-height:1.55;color:var(--ink-soft)} .shapecard h3 a::after{content:"\2192";margin-left:7px;display:inline-block; color:var(--g-dark);transition:transform var(--dur-micro) var(--ease)} .shapecard h3 a:hover::after{transform:translateX(3px)} @media(max-width:860px){ .shapes{gap:16px} .shapes > *{flex-basis:100%} .shapecard{flex-direction:row;gap:16px;align-items:flex-start;padding:14px} .shapecard-art{flex:none;width:118px;aspect-ratio:1/1;margin-top:2px} .shapecard-kind{margin-top:0} } .hubfeats.three > *{flex-basis:calc((100% - 2 * var(--gap))/3)} .hubfeat .fname{display:block;margin-top:9px;font-size:14px;font-weight:700; color:var(--purple)} .hubfeat{display:block;padding:19px 22px;border:1px solid var(--line); border-radius:var(--r-card);background:#fff;color:inherit; transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)} a.hubfeat:hover{text-decoration:none;border-color:var(--purple-300); box-shadow:var(--shadow);transform:translateY(-2px)} .hubfeat b{display:flex;align-items:center;gap:8px;font-size:17.5px;font-weight:700; letter-spacing:-.01em;color:var(--ink-strong)} a.hubfeat:hover b{color:var(--purple)} a.hubfeat b::after{content:"\2192";font-size:14px;color:var(--purple);opacity:0; transition:opacity var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)} a.hubfeat:hover b::after{opacity:1;transform:translateX(3px)} span.hubfeat b{color:var(--ink-soft)} span.hubfeat .tag{margin-left:2px} .hubfeat small{display:block;margin-top:4px;font-size:14.5px;color:var(--ink-soft)} @media(max-width:1024px){ .hubfeats{--gap:clamp(22px,3vw,44px);gap:0 var(--gap)} .hubfeat{padding:19px 0;background:transparent;border-radius:0; border:0;border-top:1px solid var(--line); transition:color var(--dur-micro) var(--ease)} .hubfeat.mark,.hubfeat.ico{padding:19px 0} a.hubfeat:hover{box-shadow:none;transform:none;border-color:var(--line)} } .hubfeat.mark{display:flex;gap:14px;align-items:flex-start; padding:19px 22px} .hubfeat.mark > *{flex:1 1 0} .hubfeat.mark > :first-child{flex:0 0 34px} a.hubfeat.mark:hover .hubfeat-mark{border-color:var(--purple-300)} a.hubfeat:hover small{color:var(--ink-soft)} .hubfeat.ico{position:relative;display:flex;flex-direction:column; padding:19px 22px 19px calc(22px + 34px + 14px);min-height:calc(38px + 35px)} .hubfeat.ico .hubfeat-ico{position:absolute;left:22px;top:19px;margin:1px 0 0; display:flex;flex-direction:column;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px; background:var(--purple-100);color:var(--purple); transition:background var(--dur) var(--ease),color var(--dur) var(--ease)} .hubfeat.ico .hubfeat-ico svg{width:19px;height:19px;fill:none;stroke:currentColor; stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} a.hubfeat.ico:hover .hubfeat-ico{background:var(--purple);color:#fff} span.hubfeat.ico .hubfeat-ico{background:var(--surface-2);color:var(--ink-soft)} @media(max-width:820px){ .hubband-head .eyebrow{padding-bottom:8px} .hubfeats > *,.hubfeats.three > *{flex-basis:100%} } @media(max-width:640px){ .hubband-head.head-shot .eyebrow{padding-bottom:0} } .intcard .tag{margin-top:18px;align-self:flex-start} .crumbs.center{justify-content:center} .btn-row.center{justify-content:center} .arcmark.lead{border-color:var(--purple-300);box-shadow:var(--shadow-lift)} @media(max-width:760px){ .arcmark.edge{display:none} } @media(max-width:480px){ .arcmark.far{display:none} } .card.has-panel{overflow:hidden} .card:hover .card-panel span{border-color:var(--purple-300)} .benefits{display:flex;flex-wrap:wrap;gap:clamp(26px,3.2vw,42px); margin-top:var(--s7)} .benefits > *{flex:0 0 calc((100% - clamp(26px,3.2vw,42px))/2)} @media(max-width:760px){ .benefits{gap:24px} .benefits > *{flex-basis:100%} } .flow{position:relative;display:flex; gap:clamp(14px,1.8vw,26px);margin-top:var(--s7)} .flow > *{flex:0 1 20%} .flow::before{content:"";position:absolute;top:9px; left:calc(10% - 1px);right:calc(10% - 1px);height:2px;background:var(--line)} @media(max-width:860px){ .flow{flex-wrap:wrap;gap:0;margin-left:6px} .flow > *{flex-basis:100%} .flow::before{top:10px;bottom:14px;left:9px;right:auto;width:2px;height:auto} } .ticker-set li.hl{color:#fff} @keyframes ticker-run{to{transform:translateX(-33.333%)}} .section-head.head-wide{max-width:none} .glance{background:var(--purple-100);border:1px solid var(--purple-200); border-radius:var(--r-card);padding:19px 21px} .glance-h{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.13em; text-transform:uppercase;color:var(--purple)} .gk{margin:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase; color:var(--ink-soft);line-height:1.4} .gv{margin:4px 0 0;font-size:14.5px;font-weight:600;color:var(--ink-strong);line-height:1.45} .gv small{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--ink-soft); line-height:1.45} .gv a{color:var(--purple);text-decoration:none;border-bottom:1px solid var(--purple-300)} .gv a:hover{border-bottom-color:var(--purple)} .smblk.clash{box-shadow:0 0 0 2px var(--c-impulse)} @media print{ .site-header,.site-footer,.megafoot,.close-cta,.crumbs,.btn-row, .smbar,.smform,.smnote,.smoff,.smhit{display:none!important} body{background:#fff} main > section:not(#tool){display:none} #tool{padding:0} } .byline .tag{margin:0} .rev.own{background:var(--purple-100);border-color:var(--purple-300)} .rev-head .tag{margin-left:auto} @media(max-width:720px){ .rev-head .tag{margin-left:0} } .vs{display:flex;gap:clamp(18px,2.4vw,28px)} .vs > *{flex:0 1 50%;min-width:0} .vs > article{border:1px solid var(--line);border-radius:var(--r-card); background:#fff;padding:clamp(22px,2.6vw,30px)} .vs > article.own{background:var(--purple-100);border-color:var(--purple-300)} .vs h3{margin:0 0 4px;font-size:clamp(18px,2.1vw,21px);letter-spacing:-.02em} .vs .vs-who{margin:0 0 16px;font-family:var(--mono);font-size:11px;font-weight:700; letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} .vs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} .vs li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.55;color:var(--ink-soft)} .vs li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:11px; border-radius:50%;background:var(--line)} .vs > article.own li::before{background:var(--purple-300)} .vs li b{color:var(--ink-strong);font-weight:700} @media(max-width:760px){ .vs{flex-wrap:wrap} .vs > *{flex-basis:100%} } .pill-prompt{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px; margin:clamp(36px,4.2vw,58px) 0 0;padding:18px 28px;border-radius:var(--r-card); background:var(--purple-100);border:1px solid var(--purple-300); box-shadow:var(--shadow-sm),var(--shadow-media); font-size:17px;line-height:1.45;color:var(--ink-strong)} .pill-prompt a{font-weight:700;color:var(--purple);text-decoration:none; border-bottom:2px solid var(--purple-300);padding-bottom:1px} .pill-prompt a:hover,.pill-prompt a:focus-visible{border-bottom-color:var(--purple)} .pill-prompt a::after{content:"\2192";margin-left:7px;font-size:15px} .pill-prompt.center-self{display:flex;width:max-content;max-width:100%; margin-left:auto;margin-right:auto;justify-content:center} @media(max-width:560px){ .pill-prompt{display:flex;padding:15px 18px;font-size:16px} } .problem{display:flex; gap:clamp(28px,4.4vw,64px);align-items:center} .problem > *{min-width:0;flex:1 1 0} .problem > * + *{flex:0 0 372px} .problem > div{max-width:64ch} .problem > div > p:last-child{margin-bottom:0} .loss > *{flex:1 1 0;min-width:0} .loss > :first-child{flex:0 0 46px} .loss{display:flex;gap:14px; padding:14px 0;border-top:1px solid var(--line)} @media(max-width:940px){ .problem{flex-direction:column;align-items:stretch;gap:30px} .problem > *,.problem > * + *{flex:none} } .tl-row.now{border-color:var(--purple-300);background:var(--purple-100)} .split.split-top{align-items:start;--gap:26px;gap:var(--gap)} @container (max-width:520px){ .calgrid-w > .calcol:nth-child(4),.caldays-w > span:nth-child(4){display:none} .calgrid-w .calbk{padding-left:3px;padding-right:3px} .calgrid-w .calbk b{font-size:9px} } .caprow{display:flex; gap:8px clamp(18px,2.6vw,44px);align-items:center;padding:22px 0; border-bottom:1px solid var(--line)} .caprow > *{flex:none} .caprow > :where(:first-child){flex:1 1 0;min-width:132px} .caprow > :where(:nth-child(2)){flex:2.3 1 0;min-width:0} .caprow:not(:has(> :nth-child(3))){padding-right:clamp(18px,2.6vw,44px)} .caprow h3{margin:0;font-size:17.5px;line-height:1.3} .caprow > p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-soft)} .caprow .rrow{margin-left:auto} .caprow.cap-paid{background:var(--purple-100); box-shadow:0 0 0 1px var(--purple-200) inset;border-radius:var(--r-media); padding-left:18px;padding-right:18px;border-bottom-color:transparent} @media(max-width:820px){ .caprow{flex-direction:column;align-items:stretch;gap:9px;padding:20px 0} .caprow > *{flex:none;min-width:0} .caprow:not(:has(> :nth-child(3))){padding-right:0} .caprow .rrow{margin-left:0;align-self:flex-start} .caprow.cap-paid{padding-left:16px;padding-right:16px} } .stub{padding-block:clamp(48px,7vw,96px) clamp(64px,9vw,120px);max-width:72ch} .stub-flag{display:inline-block;margin:0 0 20px;padding:6px 14px;border-radius:25px; background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft); font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase} .stub h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 10px;text-wrap:balance} .stub-url{margin:0 0 30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14.5px;color:var(--purple);word-break:break-all} .stub-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 30px; padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .stub-meta dt{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.07em; text-transform:uppercase;color:var(--ink-soft);padding-top:2px} .stub-meta dd{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink-strong)} .stub-meta dt{flex:0 0 95.2px;white-space:nowrap} .stub-meta dd{flex:0 0 calc(100% - 117.2px);min-width:0} .stub-meta dd code{font-size:14px;background:var(--surface-2);padding:1px 6px;border-radius:5px} .stub-next{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink-soft)} .stub-next b{color:var(--ink-strong)} @media(max-width:560px){.stub-meta{gap:4px 0} .stub-meta dt,.stub-meta dd{flex-basis:100%} .stub-meta dd{margin-bottom:12px}} .demo{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--r-card);padding:32px;margin-bottom:12px} @keyframes sgxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .sgx-list li.free{background:repeating-linear-gradient(45deg,#FAFAFC,#FAFAFC 6px,#F3F2F7 6px,#F3F2F7 12px); color:var(--ink-faint);border:1px dashed var(--line)} .cap{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin-bottom:6px} .cap-fill.full{background:var(--c-impulse)} .track{position:relative;flex:1;height:26px;background:var(--surface-2);border-radius:7px;overflow:hidden} .track i{position:absolute;top:4px;height:18px;border-radius:5px;background:var(--c-rental);opacity:.85} .cmp.cmp-tight{min-width:0} .cmp.cmp-tight td,.cmp.cmp-tight th{padding:11px 18px} .js .stickycta{display:block} .js body.has-stickycta{padding-bottom:74px} @media(max-width:640px){.js body.has-stickycta{padding-bottom:62px}} .stickycta .btn-primary{box-shadow:0 0 0 1px rgba(255,255,255,.55)} .stickycta .btn-primary:hover{background:#9C48E2;box-shadow:0 0 0 1px #fff} .stickycta .btn:focus-visible{outline-color:#fff} .stickycta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)} .stickycta .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff} .appstore{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none} .appstore a{display:inline-flex;align-items:center;gap:11px;padding:9px 18px 9px 14px; background:var(--ink-strong);border-radius:12px;color:#fff;text-decoration:none; transition:transform .15s,box-shadow .15s} .appstore a:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)} .appstore svg{width:22px;height:22px;flex:none;fill:currentColor} .appstore b{display:block;font-size:15px;font-weight:700;line-height:1.15} .appstore small{display:block;font-size:11px;opacity:.72;letter-spacing:.02em} .bigcard .step-link{margin-top:auto;padding-top:26px;margin-bottom:0} .prstrip .btn{flex:none} @media(max-width:640px){ .prstrip .btn{width:100%;text-align:center} } .js .planpick-views{gap:0;flex-direction:row} .js .planpick-views > .pr-card{flex:0 0 100%;min-width:0} .js .planpick-views > .pr-card + .pr-card{margin-left:-100%} .js .planpick-list{display:flex;flex-direction:column;gap:14px} .planpick .pr-card:hover{transform:none;box-shadow:none} .grey .planpick .pr-card:hover{box-shadow:var(--shadow-sm)} .hubjump ~ section[id]{scroll-margin-top:35px} @media(min-width:1200px){.hubjump ~ section[id]{scroll-margin-top:19px}} @media(min-width:1500px){.hubjump ~ section[id]{scroll-margin-top:3px}} @media(max-width:860px){.hubjump.hubjump-wrap ~ section[id]{scroll-margin-top:-36px}} @media(max-width:780px){.hubjump.hubjump-wrap ~ section[id]{scroll-margin-top:-33px}} @media(max-width:620px){.hubjump ~ section[id]{scroll-margin-top:-33px}} .hubjump{--fprog-h:3px} .fprog{position:absolute;left:0;right:0;bottom:calc(var(--fprog-h) * -1); height:var(--fprog-h);z-index:21;background:transparent;pointer-events:none} @media(max-width:780px){ .fprog{position:fixed;top:var(--header-h);bottom:auto;z-index:61} } .fprog i{display:block;height:100%;width:0;background:var(--purple)} .msgph{width:100%;background:#15101C;border-radius:32px; padding:10px;box-shadow:0 34px 70px -46px rgba(44,9,72,.62)} .msgph-msg.in{display:block;animation:msgIn .42s var(--ease) both} @keyframes msgIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} .msgph-act.key{border-color:var(--purple-300);color:var(--purple-dark)} .msgph-act.tap{background:var(--purple);border-color:var(--purple);color:#fff} .msgph-sheet.in{display:block;animation:msgIn .42s var(--ease) both} .msgph-slot.sel{background:var(--purple);color:#fff} .msgout-r.in{display:flex;animation:msgIn .42s var(--ease) both} .msgout-r span.s{font-size:11.5px;color:var(--ink-soft)} .js .msgreplay{display:inline-flex;align-items:center;gap:7px;margin-top:13px; font:inherit;font-size:12px;font-weight:700;color:var(--ink-soft);background:none; border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;cursor:pointer} .js .msgreplay:hover{background:#fff;color:var(--ink-strong);border-color:var(--purple-300)} .fcalc{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px; box-shadow:var(--shadow-media);position:sticky;top:calc(var(--header-h) + 24px)} .fcalc h3{margin:0 0 4px;font-size:17px} .fcalc .fcalc-hint{margin:0 0 20px;font-size:13px;color:var(--ink-soft)} .fcalcf{margin-bottom:18px} .fcalcf label{display:flex;justify-content:space-between;align-items:baseline;gap:12px; margin-bottom:9px;font-size:13.5px;font-weight:700;color:var(--ink-soft)} .fcalcf output{font-size:15px;font-weight:800;color:var(--ink-strong); font-variant-numeric:tabular-nums} .fcalcf input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px; border-radius:5px;background:var(--line);outline:none;display:block} .fcalcf input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px; border-radius:50%;background:var(--purple);border:3px solid #fff;cursor:pointer; box-shadow:0 2px 8px rgba(44,9,72,.35)} .fcalcf input[type=range]::-moz-range-thumb{width:21px;height:21px;border-radius:50%; background:var(--purple);border:3px solid #fff;cursor:pointer} .jsonly{display:none} .js .jsonly{display:inline} .js .nojs{display:none} html:not(.js) .fcalcf{display:none} .fcalc-out{border-top:1px solid var(--line);padding-top:18px} .fcalc-out .fcalc-k{margin:0 0 6px;font-size:13px;color:var(--ink-soft)} .fcalc-v{margin:0 0 8px;font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1; color:var(--c-impulse-ink);font-variant-numeric:tabular-nums} .fcalc-out .fcalc-s{margin:0;font-size:13px;line-height:1.5;color:var(--ink-soft)} .fcalc-back{margin-top:16px;background:#E6F5F3;border-radius:var(--r-media); padding:13px 15px} .fcalc-back b{display:block;margin-bottom:3px;font-size:15px;color:#0B5C56} .fcalc-back span{display:block;font-size:12.5px;line-height:1.45;color:#0B5C56} .fmrow .fvv.money{color:#0B5C56} .card .fcap,.fcap{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--ink-soft)} .fnode.end{border-color:#0B5C56;color:#0B5C56} .js .frail::after{animation:frailGo 2.6s var(--ease) infinite} .js .frail:nth-of-type(4)::after{animation-delay:.35s} @keyframes frailGo{0%{transform:translateX(-120%)}60%,100%{transform:translateX(310%)}} .flimit .fmark.can{background:#E6F5F3;color:#0B5C56} @media(max-width:900px){ .fcalc{position:static;top:auto} } .orb{position:relative;width:100%;max-width:352px;aspect-ratio:1;margin-left:auto; container-type:inline-size} @keyframes orb-turn{to{transform:rotate(360deg)}} @keyframes orb-back{to{transform:rotate(-360deg)}} @media(max-width:980px){ .orb{max-width:300px;margin:0 auto} } @keyframes gcs-cur{ 0%,4%{opacity:0;translate:34px 64px} 9%{opacity:1;translate:34px 64px} 16%{opacity:1;translate:0 0;scale:1} 18%{scale:.8} 20%{opacity:1;scale:1;translate:0 0} 26%,100%{opacity:0;translate:8px 14px}} @keyframes gcs-book{ 0%,17%{background:#fff;color:var(--ink-strong);border-color:var(--line);scale:1} 19%{scale:.96} 21%{background:var(--purple);color:#fff;border-color:var(--purple);scale:1} 92%{background:var(--purple);color:#fff;border-color:var(--purple)} 97%,100%{background:#fff;color:var(--ink-strong);border-color:var(--line)}} @keyframes gcs-tag-1{0%,18%{opacity:0}22%,92%{opacity:1}96%,100%{opacity:0}} @keyframes gcs-tag-2{0%,67%{opacity:0}71%,92%{opacity:1}96%,100%{opacity:0}} @keyframes gcs-fly-to{ 0%,21%{opacity:0;translate:0 0;scale:.9} 24%{opacity:1;translate:0 -4px;scale:1.04} 36%{opacity:1;translate:calc(50cqi + var(--mid) / 2 + 30px) -15px;scale:1} 39%,100%{opacity:0;translate:calc(50cqi + var(--mid) / 2 + 30px) -15px}} @keyframes gcs-land-1{ 0%,35%{opacity:0;scale:.96} 37%{opacity:1;scale:1.04} 41%,92%{opacity:1;scale:1} 97%,100%{opacity:0}} @keyframes gcs-land-2{ 0%,44%{opacity:0;scale:.85} 48%{opacity:1;scale:1.06} 51%,92%{opacity:1;scale:1} 97%,100%{opacity:0}} @keyframes gcs-fly-back{ 0%,53%{opacity:0;translate:calc(50cqi + var(--mid) / 2 + 30px) -7px;scale:.9} 56%{opacity:1;translate:calc(50cqi + var(--mid) / 2 + 30px) -7px;scale:1.04} 67%{opacity:1;translate:0 0;scale:1} 70%,100%{opacity:0;translate:0 0}} @keyframes gcs-shut{ 0%,67%{background:#fff;color:var(--ink-strong);border-color:var(--line);text-decoration-line:none} 70%,92%{background:var(--surface-3);color:var(--ink-faint);border-color:transparent;text-decoration-line:line-through} 97%,100%{background:#fff;color:var(--ink-strong);border-color:var(--line);text-decoration-line:none}} @keyframes gcs-ping-1{ 0%,22%,40%,100%{box-shadow:var(--shadow-sm);scale:1} 28%,34%{box-shadow:0 0 0 6px var(--purple-200);scale:1.12}} @keyframes gcs-ping-2{ 0%,54%,70%,100%{box-shadow:var(--shadow-sm);scale:1} 59%,65%{box-shadow:0 0 0 6px var(--c-consult-bg);scale:1.12}} @keyframes gcs-lit-1{0%,19%,44%,100%{background:transparent}23%,40%{background:#fff}} @keyframes gcs-lit-2{0%,51%,74%,100%{background:transparent}55%,70%{background:#fff}} .ig-rail.on .ig-track i{width:100%} .ig-rail.on .ig-st .ig-dot{background:var(--purple);border-color:var(--purple)} .hubfeat.tile{padding:22px 22px 20px} .hubfeat-ico{display:inline-flex;align-items:center;justify-content:center; width:30px;height:30px;margin:0 0 14px;color:var(--purple)} .hubfeat-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round} a.hubfeat.tile:hover .hubfeat-ico{color:var(--purple-dark)} @media(max-width:900px){.hubfeats.three > *{flex-basis:calc((100% - var(--gap))/2)}} @media(max-width:560px){.hubfeats.three > *{flex-basis:100%}} .ftime .fa{color:var(--ink-faint);font-size:14px;padding:0 2px} .fchip.on{background:var(--c-consult-bg);border-color:#BFE0DA;color:var(--c-consult-ink);font-weight:800} .finv .fr > *{flex:none} .finv .fr > :first-child{flex:1 1 0;min-width:0} .finv .fr{display:flex;gap:10px; align-items:center;padding:9px 12px} .finv .fr + .fr{border-top:1px solid var(--line-soft)} .ftrack i.part{background:repeating-linear-gradient(90deg, var(--c-consult) 0 5px,transparent 5px 10px)} .hc-c.on{background:var(--purple);border-color:var(--purple);color:#fff} .hc-v.money{color:#0B5C56} .hc-v.acc{color:var(--purple-deep)} @media(max-width:1180px){ .hero-grid.hero-cut{flex-wrap:wrap;gap:38px} .hero-grid.hero-cut > *{flex-basis:100%} } .hero-mock:has(.hcut-mock){container-type:inline-size} .losses-call .loss > * + * + *{flex:none} .losses-call .loss{align-items:flex-start; gap:12px;border-top:0;margin-top:10px;padding:12px 13px;border-radius:10px; background:var(--surface-2);border:1px dashed var(--line)} .losses-call .loss .tag{align-self:center} .js .vbar-dead .vwave i{background:var(--ink-faint);opacity:.4;animation:none} .js .vbar-dead .vorb{background:var(--surface-3);box-shadow:none;animation:none} .vbar-dead .vorb svg{color:var(--ink-faint)} .vbar-dead .vstat{color:var(--ink-soft)} .vbar-dead .vav{background:var(--surface-3)} .vbar-dead .vav svg{color:var(--ink-faint)} .aiart .callstack,.aiart .vbar,.aiart .callcard{min-width:0} .js .callcard-static .ctx > li{display:flex;animation:none} .js .aiart .cb-new{animation:none} .aicall .tag{flex:none} .aiout .cf-tag{margin:0} .setday.on{background:var(--pr-confirmed)} .cur{position:absolute;width:19px;height:19px;pointer-events:none;z-index:5; filter:drop-shadow(0 2px 4px rgba(20,10,40,.3))} .slotgrid span.on,.msgbtns span.on,.ddmenu div.on{position:relative} .slotgrid span.on > .cur{right:-5px;bottom:-7px} .msgbtns span.on > .cur{right:-13px;bottom:-14px} .ddmenu div.on > .cur{right:30px;top:50%} .cur svg{width:19px;height:19px;display:block} .cur::after{content:"";position:absolute;left:-9px;top:-9px;width:37px;height:37px; border-radius:50%;background:rgba(139,34,226,.15)} @keyframes blink{50%{opacity:.2}} .ac-cap .tag{margin-left:7px;vertical-align:2px} .slotgrid span.gone{background:var(--surface-3);border-color:var(--line-soft); text-decoration:line-through;color:var(--ink-soft)} .slotgrid span.on{background:var(--purple);border-color:var(--purple);color:#fff; transform:scale(.96);box-shadow:0 0 0 4px rgba(139,34,226,.17)} .ddmenu div.on{background:var(--purple-200);font-weight:700;color:var(--purple-dark)} .ddmenu .tick{margin-left:auto;color:var(--purple)} .msg{background:#fff;border-radius:11px;padding:10px 12px;font-size:12px; line-height:1.45;color:var(--ink-strong);box-shadow:var(--shadow-sm)} .msg b{display:block;font-size:10.5px;color:var(--ink-soft);font-weight:700;margin:0 0 3px} .msgbtns span.on{background:var(--purple);color:#fff;transform:scale(.96); box-shadow:0 0 0 4px rgba(139,34,226,.17)} .typed{background:#fff;border:2px solid var(--purple);border-radius:9px;padding:7px 11px; font-size:14px;font-weight:700;color:var(--ink-strong);display:flex;align-items:center; box-shadow:0 0 0 4px rgba(139,34,226,.13)} .typed .caret{display:inline-block;width:2px;height:15px;background:var(--purple); margin-left:2px;animation:blink 1.05s step-end infinite} .typed .unit{margin-left:2px;color:var(--ink-soft);font-weight:700} .swaprow .tag{margin-left:auto;flex:none} .swaprow.out{background:var(--surface-3);box-shadow:none;color:var(--ink-soft)} .js .acmock.moves .ac-in{opacity:0} .js .acmock.moves.run .ac-in{animation:fa-in .55s var(--ease-out) both} .js .acmock.moves.run .ac-in:nth-of-type(2){animation-delay:.5s} .js .acmock.moves .trk i{transform:scaleX(0)} .js .acmock.moves.run .trk i{animation:fa-fill 1.1s var(--ease-out) .25s both} @media(max-width:520px){ .swaprow .tag{margin-left:0} } .cxmock .shot{background:#fff} .needs-source{display:inline-block;padding:2px 8px;border:1px dashed #B4341F;border-radius:6px; font-family:var(--mono);font-size:var(--fs-micro);font-weight:700; letter-spacing:.04em;color:#B4341F;background:#FFF4F1} .pf-block{position:relative} .pfstage{position:relative;max-width:1040px;margin:0 auto;padding:64px 0 86px; isolation:isolate} .pf-glow{position:absolute;z-index:-1;inset:0;pointer-events:none; background: radial-gradient(62% 58% at 12% 16%, rgba(139,34,226,.17), transparent 72%), radial-gradient(66% 60% at 88% 82%, rgba(255,157,40,.15), transparent 74%), radial-gradient(84% 74% at 50% 50%, #FFFDF8, transparent 80%); filter:blur(10px)} .pf-app{position:relative;width:min(640px,100%);margin:0 auto;z-index:2; border-radius:16px} .pf-app .ptapp{margin-right:0} .pf-ring{display:contents} .pfcard{position:absolute;z-index:3;background:#fff; border:1px solid rgba(231,227,238,.9);border-radius:14px; box-shadow:0 2px 6px rgba(44,9,72,.06),0 16px 30px -12px rgba(44,9,72,.22)} .pfcard b{display:block;font-size:12.5px;font-weight:700;color:var(--ink-strong);line-height:1.25} .pfcard span{display:block;font-size:11.5px;color:var(--ink-soft);line-height:1.35} .pf-face{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover; background:var(--surface-2)} .pf-row{display:flex;align-items:center;gap:10px;padding:11px 14px 11px 11px} .pf-lbl{display:flex;align-items:center;gap:6px;margin:0 0 5px;font-size:9px;font-weight:800; letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)} .pf-lbl svg{width:11px;height:11px;color:var(--purple)} .pf-1{top:10px;left:0;min-width:206px} .pf-1 .tick{position:relative;flex:none;width:26px;height:26px;border-radius:50%; background:#12A150;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px; font-weight:800;font-style:normal} .pf-2{top:2px;right:0;min-width:198px;padding:11px 14px 12px} .pf-2 .pf-amt{display:flex;align-items:baseline;gap:7px;margin:0} .pf-2 .pf-amt b{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--purple)} .pf-2 .pf-amt span{font-size:10.5px;font-weight:600} .pf-2 .pf-fee{margin:5px 0 0;font-size:10.5px;color:var(--ink-soft)} .pf-2 .pf-fee i{font-style:normal;color:#12A150;font-weight:800} .pf-3{top:184px;left:0;min-width:198px;padding:10px 13px 11px} .pf-3 .pf-t{display:flex;align-items:baseline;gap:7px;margin:0} .pf-3 .pf-t b{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--purple)} .pf-3 .pf-t span{font-size:10.5px;font-weight:600} .pf-4{bottom:92px;left:0;max-width:206px;padding:11px 13px 12px} .pf-4 .pf-stars{margin:0 0 6px;font-size:11px;letter-spacing:-.5px;color:#F0B429} .pf-4 q{display:block;font-size:11.5px;line-height:1.45;color:var(--ink-strong);quotes:none} .pf-4 .pf-who{display:flex;align-items:center;gap:8px;margin-top:9px} .pf-4 .pf-mono{flex:none;width:24px;height:24px;border-radius:50%;display:flex; flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.02em; color:var(--purple-deep);background:var(--purple-100);border:1px solid var(--line)} .pf-4 .pf-who span{font-size:10.5px;font-weight:700;color:var(--ink-soft)} .pf-5{bottom:100px;right:0;min-width:194px;padding:11px 13px 12px} .pf-5 .pf-when{display:flex;align-items:baseline;gap:7px;margin:0} .pf-5 .pf-when b{font-family:var(--mono);font-size:15px;font-weight:800;color:var(--purple)} .pf-5 .pf-when span{font-size:10.5px;font-weight:600} .pf-bars{display:flex;align-items:flex-end;gap:4px;height:34px;max-width:150px;margin-top:10px} .pf-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#B06BE8,#6A24BB); transform-origin:bottom;height:var(--h)} .pf-bars i:last-child{background:linear-gradient(180deg,#8B22E2,#5B2D9E)} .pf-6{top:196px;right:0;max-width:212px;padding:10px 13px 11px} .pf-6 .pf-team{display:flex;align-items:center;gap:10px} .pf-6 .pf-stack{display:flex;flex:none} .pf-6 .pf-stack img{width:27px;height:27px;border-radius:50%;object-fit:cover; border:2px solid #fff;margin-left:-9px;background:var(--surface-2)} .pf-6 .pf-stack img:first-child{margin-left:0} .pf-greek .ptnav-brand::after,.pf-greek .ptnav li::after, .pf-greek .ptbar-h::after,.pf-greek .ptbtn::after, .pf-greek .ptsel::before,.pf-greek .ptview b::after,.pf-greek .ptview i::after, .pf-greek .wk-days span::after,.pf-greek .wk-hours span::after, .pf-greek .ptbk em::after,.pf-greek .ptbk b::after{content:"";display:block;border-radius:3px} .pf-greek .ptnav-brand{font-size:0;width:100%} .pf-greek .ptnav-brand::after{flex:none;width:48px;height:7px;background:rgba(255,255,255,.9)} .pf-greek .ptnav li{font-size:0} .pf-greek .ptnav li::after{height:6px;background:rgba(255,255,255,.46)} .pf-greek .ptnav li.on::after{background:rgba(255,255,255,.92)} .pf-greek .ptnav li:nth-child(1)::after{width:34px} .pf-greek .ptnav li:nth-child(2)::after{width:30px} .pf-greek .ptnav li:nth-child(3)::after{width:38px} .pf-greek .ptnav li:nth-child(4)::after{width:45px} .pf-greek .ptnav li:nth-child(5)::after{width:49px} .pf-greek .ptnav li:nth-child(6)::after{width:26px} .pf-greek .ptnav li:nth-child(7)::after{width:32px} .pf-greek .ptnav li:nth-child(8)::after{width:35px} .pf-greek .ptnav li:nth-child(9)::after{width:53px} .pf-greek .ptnav li:nth-child(10)::after{width:41px} .pf-greek .ptnav li:nth-child(11)::after{width:47px} .pf-greek .ptbar-h{font-size:0} .pf-greek .ptbar-h::after{width:66px;height:10px;background:rgba(26,21,32,.26)} .pf-greek .ptbtn{font-size:0;width:64px;height:21px; display:inline-flex;align-items:center;justify-content:center} .pf-greek .ptbtn::after{width:36px;height:6px;background:rgba(255,255,255,.85)} .pf-greek .ptsel{font-size:0} .pf-greek .ptsel::before{width:38px;height:6px;background:rgba(26,21,32,.22)} .pf-greek .ptsel:nth-of-type(2)::before{width:30px} .pf-greek .ptpager{position:relative;color:transparent} .pf-greek .ptpager i{color:var(--ink-faint)} .pf-greek .ptpager::before{content:"";position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);width:44px;height:6px;border-radius:3px; background:rgba(26,21,32,.22)} .pf-greek .ptview b,.pf-greek .ptview i{font-size:0; display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:19px} .pf-greek .ptview b::after{width:24px;height:5px;background:rgba(255,255,255,.9)} .pf-greek .ptview i::after{width:22px;height:5px;background:rgba(26,21,32,.2)} .pf-greek .wk-days span{font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center} .pf-greek .wk-days span::after{width:11px;height:5px;background:rgba(26,21,32,.24)} .pf-greek .wk-days span.on::after{background:rgba(255,255,255,.92)} .pf-greek .wk-days span:first-child::after{display:none} .pf-greek .wk-hours span{font-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center} .pf-greek .wk-hours span::after{width:12px;height:4px;background:rgba(26,21,32,.2)} .pf-greek .ptbk{flex:1;min-width:0} .pf-greek .ptbk em,.pf-greek .ptbk b{font-size:0;display:block} .pf-greek .ptbk b{color:var(--ti)} .pf-greek .ptbk em::after{width:58%;height:4px;background:currentColor;opacity:.3; margin-bottom:3px} .pf-greek .ptbk b::after{width:82%;height:5px;background:currentColor;opacity:.4} .pf-greek .wk-col i.pad .ptbk b::after{width:66%} .pf-greek .ptpane-h,.pf-greek .ptrow-k,.pf-greek .ptrow-v,.pf-greek .ptrow-n{font-size:0} .pf-greek .ptpane-h::after,.pf-greek .ptrow-k::after, .pf-greek .ptrow-v::after,.pf-greek .ptrow-n::after, .pf-greek .ptrow .tag::after{content:"";display:block;border-radius:3px} .pf-greek .ptpane-h::after{width:78px;height:5px;background:rgba(26,21,32,.22)} .pf-greek .ptrow-k::after{width:34px;height:6px;background:rgba(26,21,32,.2)} .pf-greek .ptrow-v::after{width:72%;height:6px;background:rgba(26,21,32,.32)} .pf-greek .ptrow-n::after{width:34px;height:6px;background:rgba(26,21,32,.32)} .pf-greek .syncgrid b{font-size:0} .pf-greek .syncgrid b::after{content:"";display:block;width:38px;height:5px; border-radius:3px;background:rgba(26,21,32,.22)} .pf-greek .locbar b{font-size:0} .pf-greek .locbar b::after{content:"";display:block;width:30px;height:5px; border-radius:3px;background:rgba(26,21,32,.24)} .pf-greek .locbar b.on::after{background:rgba(255,255,255,.85)} .pf-greek .ptrow:nth-child(3) .ptrow-v::after{width:54%} .pf-greek .ptrow:nth-child(4) .ptrow-v::after{width:81%} .pf-greek .ptrow:nth-child(5) .ptrow-v::after{width:46%} .pf-greek .ptrow:nth-child(6) .ptrow-v::after{width:66%} .pf-greek .ptrow .tag{font-size:0;min-width:40px;height:15px; display:inline-flex;align-items:center;justify-content:center} .pf-greek .ptrow .tag::after{width:22px;height:5px;background:currentColor;opacity:.8} .ptmsg b.out{align-self:flex-end;border-radius:13px 13px 4px 13px; background:var(--purple);color:#fff;border-color:transparent} .pf-greek .ptmsg b{font-size:0;display:flex;flex-direction:column;gap:5px;min-height:34px; justify-content:center} .pf-greek .ptmsg b::before,.pf-greek .ptmsg b::after{content:"";display:block; height:5px;border-radius:3px;background:currentColor;opacity:.34} .pf-greek .ptmsg b::before{width:112px;max-width:100%} .pf-greek .ptmsg b::after{width:74px;max-width:80%} .pf-greek .ptmsg b.out{color:#fff} .pf-greek .ptmsg b.out::before,.pf-greek .ptmsg b.out::after{opacity:.7} .pf-greek .ptmsg i{font-size:0} .pf-greek .ptmsg i::after{content:"";display:block;width:42px;height:4px;border-radius:2px; background:rgba(26,21,32,.18)} .pf-greek.dvc .dvc-top b{font-size:0} .pf-greek.dvc .dvc-top b::after{content:"";display:block;width:56px;height:6px; border-radius:3px;background:rgba(26,21,32,.3)} .ptrate{padding:11px 4px 4px;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center} .ptrate .ptrate-b{width:78px;height:7px;border-radius:3px;background:rgba(26,21,32,.26)} .ptrate .ptrate-s{width:104px;height:5px;border-radius:3px;background:rgba(26,21,32,.14)} .ptstars svg.on{fill:#F0B429} .ptrate .ptrate-cta{margin-top:4px;width:104px;height:20px;border-radius:6px;background:var(--purple)} .bookcal span.off{background:rgba(26,21,32,.035)} .bookcal span.on{background:var(--purple)} .bookcal span.has{position:relative} .bookcal span.has::after{content:"";position:absolute;left:50%;bottom:-4px; transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--purple)} .booktimes span.on{border-color:var(--purple);background:var(--purple-100)} .booktimes span.off{border-style:dashed;opacity:.45} .bookform .opts{display:flex;gap:7px} .bookform .opts b{flex:1;background:#fff} .bookform .opts b.on{border-color:var(--purple);background:var(--purple-100)} .sitecal span.on{background:var(--purple)} .sitetimes span.on{border-color:var(--purple);background:var(--purple-100)} .pfstage.in .pfcard{animation:pfIn .5s var(--ease-out) backwards} .pfstage.in .pf-1{animation-delay:.10s} .pfstage.in .pf-2{animation-delay:.18s} .pfstage.in .pf-3{animation-delay:.26s} .pfstage.in .pf-4{animation-delay:.34s} .pfstage.in .pf-5{animation-delay:.42s} .pfstage.in .pf-6{animation-delay:.50s} @keyframes pfIn{from{opacity:0;transform:translateY(10px) scale(.97)} to{opacity:1;transform:none}} .pfstage.in .pf-bars i{animation:pfBar .5s var(--ease-out) backwards; animation-delay:calc(.56s + var(--i)*.07s)} @keyframes pfBar{from{transform:scaleY(.08)}to{transform:none}} .pfstage.in .pf-bars i:last-child{animation-delay:1.02s} .pf-1 .tick::after{content:"";position:absolute;inset:0;border-radius:50%; border:2px solid #12A150;opacity:0} .pfstage.in .pf-1 .tick::after{animation:pfRipple 1.6s var(--ease-out) .38s 2} @keyframes pfRipple{from{opacity:.55;transform:scale(1)} to{opacity:0;transform:scale(2.1)}} .pfstage.in .pf-4 .pf-stars{animation:pfWipe .55s var(--ease-out) .62s backwards} @keyframes pfWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} .pf-greek .ptapp{position:relative} .pf-greek .ptapp::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none; background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%); transform:translateX(-130%);opacity:0} .pfstage.in.pf-greek .ptapp::after{animation:pfShim 1.5s var(--ease-out) .72s 1} @keyframes pfShim{0%{opacity:1;transform:translateX(-130%)} 100%{opacity:1;transform:translateX(130%)}} @media(hover:hover) and (pointer:fine) and (min-width:1041px){ .pfcard{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .pfcard:hover{transform:translateY(-3px); box-shadow:0 4px 10px rgba(44,9,72,.08),0 22px 40px -14px rgba(44,9,72,.28)} } @media(prefers-reduced-motion:reduce){ .pfstage.in .pfcard,.pfstage.in .pf-bars i,.pfstage.in .pf-1 .tick::after, .pfstage.in .pf-4 .pf-stars,.pfstage.in.pf-greek .ptapp::after{animation:none} .pf-greek .ptapp::after{display:none} } @media(max-width:1040px){ .pfstage{padding:24px 0 30px} .pf-app{width:100%} .pfcard{position:static;min-width:0;max-width:none;width:auto} .pf-ring{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px} .pf-ring > *{flex:0 0 calc((100% - 28px)/3)} .pf-block .stats{position:static;transform:none;width:100%;margin-top:26px} .quotes{margin-top:40px} } @media(max-width:860px){ .pf-ring > *{flex-basis:calc((100% - 14px)/2)} } @media(max-width:520px){ .pf-ring > *{flex-basis:100%} } .dvc{position:relative;--dvc-w:200px;width:100%;max-width:var(--dvc-w);background:#15101C; box-shadow:0 30px 60px -38px rgba(44,9,72,.62)} .dvc.ph{border-radius:27px;padding:8px} .dvc.ph .dvc-scr{border-radius:20px;aspect-ratio:9/19.5} .dvc.tb{--dvc-w:264px;border-radius:17px;padding:10px} .dvc.tb .dvc-scr{border-radius:9px;aspect-ratio:1.41} .dvc-scr{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden; background:#fff} .dvc .dvc-island{position:absolute;z-index:3;top:6px;left:50%;transform:translateX(-50%); width:32%;max-width:56px;height:10px;border-radius:99px;background:#0B0B0F} .dvc .dvc-home{position:absolute;z-index:3;left:50%;bottom:4px;transform:translateX(-50%); width:32%;max-width:70px;height:3px;border-radius:99px;background:rgba(11,11,15,.3)} .dvc.tb .dvc-cam{position:absolute;z-index:3;top:4px;left:50%;transform:translateX(-50%); width:4px;height:4px;border-radius:50%;background:#33333B} .dvc.tb .dvc-home{bottom:3px;background:rgba(255,255,255,.5)} .dvc p{margin:0;font-size:inherit;line-height:1.35;color:inherit} .dvc .dvc-bar{display:flex;justify-content:space-between;align-items:center; padding:9px 13px 5px;font-size:9.5px;font-weight:700;color:var(--ink-soft)} .dvc .dvc-bar svg{width:31px;height:8.5px} .dvc .dvc-in{flex:1;display:flex;flex-direction:column;gap:6px;padding:7px 9px 9px} .dvc .dvc-cal{--calrow:34px;flex:1;display:flex; min-height:calc(4 * var(--calrow));margin-top:2px;overflow:hidden; border-top:1px solid var(--line-soft)} .dvc .dvc-rail{position:relative;flex:0 0 20px;border-right:1px solid var(--line-soft)} .dvc .dvc-hr{position:absolute;right:3px;top:calc(var(--s) * var(--calrow) - 4px); font-family:var(--mono);font-size:7px;font-weight:700;color:var(--ink-faint)} .dvc .dvc-day{position:relative;min-width:0;flex:1 1 0; background:repeating-linear-gradient(180deg,var(--line-soft) 0 1px,transparent 1px var(--calrow))} .dvc .dvc-bk{position:absolute;left:3px;right:3px;overflow:hidden;padding:3px 5px; border-radius:4px;top:calc(var(--s) * var(--calrow));min-height:25px; height:calc(var(--d) * var(--calrow) - 3px)} .dvc .dvc-bk em{display:block;font-style:normal;font-size:7px;font-weight:800;line-height:1.15} .dvc .dvc-bk b{display:block;margin-top:1px;font-size:8.5px;font-weight:700;line-height:1.2; color:#241C33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dvc .dvc-days{display:flex;justify-content:space-between;gap:2px;margin:1px 1px 0} .dvc .dvc-days span{flex:1;padding:3px 0 4px;border-radius:9px;text-align:center;line-height:1.2; font-size:8.5px;font-weight:800;color:var(--ink-strong)} .dvc .dvc-days span i{display:block;font-style:normal;font-size:6.5px;font-weight:700; letter-spacing:.06em;color:var(--ink-faint)} .dvc .dvc-days span.on{background:var(--purple);color:#fff} .dvc .dvc-days span.on i{color:rgba(255,255,255,.78)} .dvc .dvc-top{display:flex;align-items:center;gap:7px;padding:1px 2px 5px} .dvc .dvc-top b{font-size:11.5px;font-weight:800;letter-spacing:-.02em;color:var(--ink-strong)} .dvc .dvc-top i{margin-left:auto;display:flex;gap:7px} .dvc .dvc-top em{flex:none;display:flex} .dvc .dvc-top em svg{stroke:var(--ink-strong)} .dvc .dvc-top svg{width:11px;height:11px;fill:none;stroke:var(--purple);stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round} .dvc .dvc-nav{display:flex;justify-content:space-around;align-items:center; margin:auto -9px -9px;padding:7px 8px 12px;border-top:1px solid var(--line-soft)} .dvc .dvc-nav span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:16px;border-radius:5px} .dvc .dvc-nav svg{width:12px;height:12px;fill:none;stroke:var(--ink-faint);stroke-width:1.8; stroke-linecap:round;stroke-linejoin:round} .dvc .dvc-nav .on{background:var(--purple-200)} .dvc .dvc-nav .on svg{stroke:var(--purple-dark)} .dvc .dvc-step{display:flex;align-items:center;gap:5px;padding:2px 1px 6px; border-bottom:1px solid var(--line-soft)} .dvc .dvc-step i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--line)} .dvc .dvc-step i.on{background:var(--purple)} .dvc .dvc-step b{margin-right:auto;font-size:8.5px;font-weight:700;color:var(--purple)} .dvc .dvc-mon{display:flex;flex-wrap:wrap;gap:1px;margin:6px 0 2px} .dvc .dvc-mon > *{flex:0 0 calc((100% - 6px)/7);min-width:0} .dvc .dvc-mon span{padding:2px 0;border-radius:99px;text-align:center;line-height:1.3; font-size:7.5px;font-weight:700;color:var(--ink-strong)} .dvc .dvc-mon span.hd{font-size:6px;font-weight:700;letter-spacing:.04em;color:var(--ink-faint)} .dvc .dvc-mon span.mute{color:var(--ink-faint)} .dvc .dvc-mon span.on{background:var(--purple);color:#fff} .dvc .dvc-lab{margin:5px 1px 4px;font-size:8.5px;font-weight:800;color:var(--ink-strong)} .dvc .dvc-times{display:flex;flex-wrap:wrap;gap:4px} .dvc .dvc-times > *{flex:0 0 calc((100% - 8px)/3);min-width:0} .dvc .dvc-time{padding:4px 0;border-radius:5px;border:1px solid var(--line);text-align:center; font-size:7px;font-weight:700;color:var(--ink-soft);white-space:nowrap} .dvc .dvc-time.on{border-color:var(--purple);color:var(--purple-dark);font-weight:800} .dvc.tb{--dvc-st:var(--c-consult)} .dvc .dvc-door{flex:1;min-width:0;display:flex} .dvc .dvc-door > *{flex:1 1 0;min-width:0} .dvc .dvc-door > * + *{flex:0 0 34%} .dvc .dvc-dl{min-width:0;display:flex;flex-direction:column;padding:9px 10px 8px;background:#fff} .dvc .dvc-brand{display:flex;align-items:center;gap:4px;font-size:7.5px;font-weight:800; letter-spacing:-.01em;color:var(--purple-deep)} .dvc .dvc-brand i{flex:none;width:9px;height:9px;border-radius:2.5px;background:var(--purple)} .dvc .dvc-amen{display:flex;align-items:center;gap:3px;margin-top:6px} .dvc .dvc-amen i{width:9px;height:9px;border-radius:50%;border:1px solid var(--line)} .dvc .dvc-rm{margin:8px 0 6px;font-size:13px;font-weight:800;letter-spacing:-.025em; line-height:1.1;color:var(--ink-strong)} .dvc .dvc-state{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px} .dvc .dvc-badge{padding:4px 11px;border-radius:99px;background:var(--dvc-st);color:#fff; font-size:8.5px;font-weight:800;letter-spacing:.07em} .dvc .dvc-state em{font-style:normal;font-size:8px;font-weight:600;color:var(--ink-soft)} .dvc .dvc-btns{display:flex;flex-wrap:wrap;gap:5px} .dvc .dvc-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--dvc-st); color:var(--dvc-st);font-size:8.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap} .dvc .dvc-btn.ghost{border-color:var(--line);color:var(--ink-soft)} .dvc .dvc-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:auto; padding-top:8px;font-size:8.5px;font-weight:700;color:var(--ink-strong)} .dvc .dvc-next b{font-family:var(--mono);font-size:7px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:var(--ink-faint)} .dvc .dvc-dr{min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px 7px; background:var(--dvc-st);color:#fff;overflow:hidden} .dvc .dvc-dr .dvc-day-l{font-size:6.5px;font-weight:700;color:rgba(255,255,255,.76)} .dvc .dvc-clock{margin:1px 0 4px;font-size:13px;font-weight:800;letter-spacing:-.03em} .dvc .dvc-agh{font-size:7px;font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.9)} .dvc .dvc-ag{padding:4px 5px;border-radius:4px;background:rgba(255,255,255,.17)} .dvc .dvc-ag b{display:block;font-size:7px;font-weight:800;line-height:1.25; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dvc .dvc-ag span{display:block;font-size:6px;font-weight:600;color:rgba(255,255,255,.86); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dvcpair{display:flex;align-items:flex-end;justify-content:center;padding:8px 0 12px} .dvcpair .dvc{flex:none} .dvcpair .dvc.tb{--dvc-w:330px;margin-bottom:44px} .dvcpair .dvc.ph{position:relative;z-index:2;--dvc-w:168px;margin-left:-12px} .appcards .card{display:flex;flex-direction:column;padding:0;overflow:hidden} .appcard-art .dvc{--dvc-w:148px;box-shadow:0 20px 40px -26px rgba(44,9,72,.55)} .appcard-art .dvc.tb{--dvc-w:272px} .appcard-art .dvc.ph .dvc-cal{--calrow:26px} .appcard-body .step-link{margin-top:auto;padding-top:16px} .appcard-body .appstore{margin-top:auto;padding-top:20px; display:flex;flex-wrap:wrap;gap:8px} .appcard-body .appstore > *{flex:1 1 140px} .appcard-body .appstore a{width:100%;height:100%;padding:8px 10px;gap:8px} .appcard-body .appstore svg{width:20px;height:20px} .appcard-body .appstore small{font-size:9.5px;letter-spacing:0} .appcard-body .appstore b{font-size:14px} .hero-dvc .dvc{margin-inline:auto} .hero-dvc .dvc.ph{--dvc-w:210px} .hero-dvc .dvc.tb{--dvc-w:430px} .hero-dvc .dvc.ph .dvc-nav{margin-top:auto} .hero-dvc .dvc.ph .dvc-cal{--calrow:40px} .hero-dvc .pop{z-index:2;max-width:190px} .hero-dvc .pop i{background:#12A150} .hero-dvc .pop i.i-info{background:var(--purple)} .hero-dvc .pop i.i-move{background:#B4690E} .hero-dvc .pop i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} @media(max-width:1140px){.hero-dvc .pop{display:none}} @media(max-width:860px){ .dvcpair{padding-top:0} .dvcpair .dvc.tb{--dvc-w:264px;margin-bottom:38px} .dvcpair .dvc.ph{--dvc-w:150px;margin-left:-18px} } @media(max-width:860px) and (min-width:680px){ .appcards .card{flex-direction:row} .appcards .card > *{flex:1 1 0;min-width:0} .appcards .card > :first-child{flex:0 0 300px} } @media(max-width:420px){ .dvcpair .dvc.tb{--dvc-w:236px;margin-bottom:30px} .dvcpair .dvc.ph{--dvc-w:128px;margin-left:-14px} } .aivid-frame{position:relative;aspect-ratio:16/9;overflow:hidden; background:var(--purple-deep);border:1px solid var(--line); border-radius:var(--r-card);box-shadow:var(--shadow-lift)} .aivid-if{position:absolute;inset:0;width:100%;height:100%;border:0} .aivid-play{display:none} .js .aivid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); display:inline-flex;align-items:center;gap:10px;min-height:48px; padding:12px 22px 12px 18px;border:0;border-radius:999px;cursor:pointer; background:#fff;color:var(--purple-deep);font:inherit;font-size:15px; font-weight:800;letter-spacing:-.01em;box-shadow:var(--shadow-media); white-space:nowrap; transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)} .js .aivid-play:hover{transform:translate(-50%,-50%) scale(1.04);background:var(--purple-100)} .js .aivid-play:focus-visible{outline:3px solid #fff;outline-offset:3px} .aivid.playing .aivid-poster,.aivid.playing .aivid-play{display:none} @media(max-width:420px){ .js .aivid-play{font-size:13.5px;padding:10px 17px 10px 13px;min-height:44px;gap:8px} } @media(prefers-reduced-motion:reduce){ .js .aivid-play:hover{transform:translate(-50%,-50%)} } .sectorgrid{display:flex;flex-wrap:wrap; gap:clamp(14px,1.6vw,20px)} .sectorgrid > *{flex:0 0 calc((100% - 3 * clamp(14px,1.6vw,20px))/4);min-width:0} .sectorcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end; aspect-ratio:4/5;padding:18px;overflow:hidden;border-radius:var(--r-card); background:var(--grp,var(--purple-deep));color:#fff;text-decoration:none; transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)} .sectorcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);text-decoration:none} .sectorcard img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover} .sectorcard::after{content:"";position:absolute;inset:0; background:linear-gradient(to top,rgba(18,9,30,.90) 0%,rgba(18,9,30,.55) 46%, rgba(18,9,30,.12) 100%)} .sectorcard > *{position:relative;z-index:1} .sectorcard-eg{align-self:flex-start;margin-bottom:auto;padding:5px 11px;border-radius:25px; background:#fff;color:var(--grp-ink,var(--ink-strong)); font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .sectorcard h3{margin:0 0 5px;font-size:19px;line-height:1.18;letter-spacing:-.02em;color:#fff} .sectorcard p{margin:0;font-size:13.5px;line-height:1.45;color:#E4DCEF} @media(max-width:900px){.sectorgrid > *{flex-basis:calc((100% - clamp(14px,1.6vw,20px))/2)}} @media(max-width:620px){ .sectorgrid{gap:12px} .sectorgrid > *{flex-basis:100%} .sectorcard{aspect-ratio:auto;min-height:190px} } .whystage .ptwin{position:relative;z-index:1} .whystage .ptphone{left:-14px;bottom:-52px;width:224px;z-index:2; transform:rotate(-6.5deg);transform-origin:bottom right} .whyapp .dvc{--dvc-w:178px} .whyapp .dvc-cal{--calrow:46px} .whyapp .dvc-bk{background:var(--f);box-shadow:inset 3px 0 0 var(--t)} .whyapp .dvc-bk b{font-size:0;margin-top:4px} .whyapp .dvc-bk b::after{content:"";display:block;height:6px;border-radius:3px; background:var(--ti);opacity:.62} .whyapp .dvc-bk b.w55::after{width:55%} .whyapp .dvc-bk b.w60::after{width:60%} .whyapp .dvc-bk b.w70::after{width:70%} .whyapp .dvc-bk b.w75::after{width:75%} .whyapp .dvc-bk b.w85::after{width:85%} .js .whystage .ptphone,.js .whyapp{animation:none} @media(max-width:880px){ .whystage .ptphone{left:22px;bottom:-40px;width:200px} .whyapp .dvc{--dvc-w:158px} .whyapp .dvc-cal{--calrow:38px} } @media(max-width:560px){ .whystage .ptphone,.whyapp{display:none} } .greek-bk .ptbk em,.greek-bk .ptbk b{font-size:0;display:block} .greek-bk .ptbk em::after,.greek-bk .ptbk b::after{content:"";display:block; border-radius:3px;background:currentColor} .greek-bk .ptbk em::after{width:58%;height:4px;opacity:.3;margin-bottom:2px} .greek-bk .ptbk b::after{width:82%;height:5px;opacity:.4} .greek-bk .wk-col i.pad .ptbk b::after{width:66%} .greek-bk .ptbk.lit em{font-size:7.5px} .greek-bk .wk-col .ptbk.lit b{font-size:8.5px} .greek-bk .ptbk.lit em::after,.greek-bk .ptbk.lit b::after{display:none} .greek-nav .ptnav li:not(.lit){font-size:0} .greek-nav .ptnav li:not(.lit)::after{content:"";display:block;height:6px; border-radius:3px;background:rgba(255,255,255,.4);width:40px} .greek-nav .ptnav li:nth-child(6):not(.lit)::after{width:30px} .greek-nav .ptnav li:nth-child(7):not(.lit)::after{width:38px} .greek-nav .ptnav li:nth-child(8):not(.lit)::after{width:36px} .greek-nav .ptnav li:nth-child(9):not(.lit)::after{width:52px} .greek-nav .ptnav li:nth-child(10):not(.lit)::after{width:44px} .greek-nav .ptnav li:nth-child(11):not(.lit)::after{width:48px} .stagephone .dvc{--dvc-w:162px} .stagephone .dvc-bk{background:var(--f);box-shadow:inset 3px 0 0 var(--t)} .stagephone .dvc-bk b{color:var(--ti);font-size:8px} .stagephone .dvc-bk b:empty::after{content:"";display:block;height:5px; border-radius:3px;background:var(--ti);opacity:.55;width:var(--bw,70%)} .stagephone .dvc-bk b.w60{--bw:60%} .stagephone .dvc-bk b.w70{--bw:70%} .stagephone .dvc-bk b.w80{--bw:80%} .ptstage .pop.pop-hold{top:122px;right:-40px} .js .stagephone{animation:popIn .6s var(--ease-out) .35s backwards} .js .pop-hold{animation-delay:.74s} .js .stagephone .dvc-bk{animation:wkIn .42s var(--ease-out) backwards; transform-origin:top center} .js .stagephone .dvc-bk:nth-child(1){animation-delay:.70s} .js .stagephone .dvc-bk:nth-child(2){animation-delay:.78s} .js .stagephone .dvc-bk:nth-child(3){animation-delay:.86s} .js .stagephone .dvc-bk:nth-child(4){animation-delay:.94s} @media(max-width:880px){ .ptstage .ptrem{left:10px;right:auto} .ptstage .ptphone{left:8px} .ptstage .ptinv{right:10px} .ptstage .pop-1{right:8px} .ptstage .pop.pop-hold{right:8px} } @media(max-width:560px){ .stagephone,.ptstage .pop.pop-hold{display:none} }