/* Built for the WordPress blog by scripts/lib/wp-shell.mjs. Do not edit; edit the sources named below. */
/* src/styles/v8/fonts.css */
/* Fonts of Arman's v8 design: the Latin files packaged in his design file (Google Fonts, SIL Open Font
   License 1.1; licences in public/fonts/v8/). One variable file per family covers every weight. */
@font-face { font-family: 'ct-shell Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/fonts/v8/Inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'ct-shell JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/fonts/v8/JetBrainsMono-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'ct-shell Sora'; font-style: normal; font-weight: 600 800; font-display: swap; src: url('/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/fonts/v8/Sora-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* src/styles/v8/arman-v11-shell.css */
/* Arman's v11 design ("Website v11 · Aurora"): his stylesheet scoped for the WordPress blog's shell.
   Generated by scripts/sync-v11.mjs from design/arman/v11/V11-Home.dc.html. Do not edit; regenerate (npm run sync:v11). */


@property --pf7-a{syntax:'<angle>';initial-value:0deg;inherits:false}
.pf7{--bg:#05080f;--bg-top:#08101f;--text:#eaf4ff;--text2:#c7d3ea;--text3:#97a3b8;
--line:rgba(130,195,255,0.12);--line2:rgba(130,195,255,0.24);
--surface:rgba(130,195,255,0.035);--surface2:rgba(130,195,255,0.07);--solid:#0a1222;
--head1:#f4faff;--head2:#8fd0ff;--accent-text:#6fcfff;--link:#6fcfff;
--brand:#1E72E0;--brand2:#0096FF;--brand3:#00BEFF;
--glow:rgba(0,150,255,0.64);--glow-soft:rgba(0,125,255,0.30);--pool:rgba(0,140,255,0.28);
--card-shadow:0 24px 40px -24px rgba(0,0,0,0.75);
--win-shadow:0 0 0 1px rgba(130,195,255,0.30), 0 30px 60px rgba(0,0,0,0.55), 0 60px 160px -40px rgba(0,120,255,0.65);
--grid:rgba(130,195,255,0.07);--spot:1;
--buy-bg:#f4faff;--buy-ink:#07101f;--buy-ring:rgba(255,255,255,0.2);
--hl-sub:rgba(150,112,255,0.36);--hl-lic:rgba(40,150,255,0.34);--hl-sub-ring:rgba(178,150,255,0.6);--hl-lic-ring:rgba(110,190,255,0.6);--hl-sub-ink:#f4eeff;--hl-lic-ink:#e8f5ff;
--input:rgba(160,200,245,0.06);--nav-bg:rgba(5,8,15,0.72);
--pending:rgba(130,195,255,0.28);--sheen:rgba(255,255,255,0.85);
--page:radial-gradient(1200px 700px at 50% -120px, rgba(0,110,255,0.16), transparent 70%), #05080f;
color-scheme:dark}
.pf7.theme-light{--bg:#f5f9fe;--bg-top:#ffffff;--text:#141518;--text2:#3d4552;--text3:#556070;
--line:#dde5ef;--line2:#c9d6e6;
--surface:#ffffff;--surface2:#f1f6fc;--solid:#ffffff;
--head1:#141518;--head2:#1d4f9e;--accent-text:#1E72E0;--link:#1563C9;
--glow:rgba(0,150,255,0.40);--glow-soft:rgba(0,150,255,0.17);--pool:rgba(0,150,255,0.15);
--card-shadow:0 24px 40px -28px rgba(16,24,40,0.30);
--win-shadow:0 0 0 1px rgba(16,24,40,0.10), 0 30px 60px -10px rgba(16,24,40,0.22), 0 60px 140px -40px rgba(0,120,255,0.35);
--grid:rgba(30,114,224,0.07);--spot:0.5;
--buy-bg:#141518;--buy-ink:#ffffff;--buy-ring:rgba(0,0,0,0);
--hl-sub:#e5d9ff;--hl-lic:#d2e8ff;--hl-sub-ring:#c7b1ff;--hl-lic-ring:#a3cdff;--hl-sub-ink:#24124f;--hl-lic-ink:#0b2547;
--input:#ffffff;--nav-bg:rgba(255,255,255,0.78);
--pending:#b9c8dc;--sheen:rgba(0,190,255,0.75);
--page:linear-gradient(180deg, #ffffff 0px, #f5f9fe 900px, #eef5fd 100%);
color-scheme:light}
.pf7{position:relative;overflow:hidden;background:var(--page);color:var(--text2);font-family:'ct-shell Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:16px;line-height:1.5;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;transition:background-color .4s ease, color .4s ease}
@supports (overflow:clip){.pf7{overflow:clip !important}}
.pf7{min-height:100vh;display:flex;flex-direction:column}
.pf7-grow{flex:1 0 0}
.pf7 a{color:var(--link)}
.pf7-wrap{width:min(1200px, 100% - 40px);margin:0 auto}
.pf7-disp{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800}
.pf7-grad{background:linear-gradient(180deg, var(--head1) 0%, var(--head2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7-h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(32px, 4.2vw, 48px);line-height:1.12;letter-spacing:-0.011em;text-wrap:balance}
.pf7-bar{display:block;width:48px;height:4px;border-radius:2px;background:linear-gradient(90deg, var(--brand2), var(--brand3))}
.pf7-label{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:600;font-size:11.5px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent-text)}
.pf7-p{margin:0;font-size:16px;line-height:1.6;color:var(--text3)}
.pf7-lead{margin:0;font-size:18px;line-height:1.55;color:var(--text3);text-wrap:pretty}
.pf7-gridbg{position:absolute;top:0;left:0;right:0;height:1100px;pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:88px 88px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 18%, #000 30%, transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 18%, #000 30%, transparent 100%)}
.pf7-spot{position:absolute;top:-40px;left:50%;width:1400px;height:1100px;margin-left:-700px;pointer-events:none;opacity:var(--spot);background:conic-gradient(at 50% 0%, transparent 0deg, transparent 150deg, rgba(0,150,255,0.26) 164deg, rgba(0,180,255,0.48) 180deg, rgba(0,150,255,0.26) 196deg, transparent 210deg, transparent 360deg);-webkit-mask-image:radial-gradient(ellipse 50% 72% at 50% 0%, #000 15%, transparent 78%);mask-image:radial-gradient(ellipse 50% 72% at 50% 0%, #000 15%, transparent 78%);filter:blur(10px)}
.pf7-nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--line)}
.pf7-navin{width:min(1240px, 100% - 32px);margin:0 auto;height:68px;display:flex;align-items:center;gap:16px}
.pf7-links{display:flex;align-items:center;gap:2px;margin:0 auto}
.pf7-links a{padding:9px 13px;border-radius:999px;color:var(--text2);font-size:14.5px;font-weight:500;text-decoration:none;transition:background-color .2s ease, color .2s ease}
.pf7-links a:hover{background:var(--surface2);color:var(--text)}
.pf7-links a[aria-current="page"]{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.pf7-iconbtn{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text2);cursor:pointer;transition:background-color .2s ease, color .2s ease}
.pf7-iconbtn:hover{background:var(--surface2);color:var(--text)}
.pf7-lang{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:none;border-radius:999px;background:transparent;color:var(--text2);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.pf7-lang:hover{background:var(--surface2);color:var(--text)}
.pf7-sun{display:none}
.theme-light .pf7-sun{display:block}
.theme-light .pf7-moon{display:none}
.pf7-menu{display:none !important}
.pf7-mpanel{display:none}
.pf7-mpanel.is-open{display:flex;flex-direction:column;gap:2px;width:min(1240px, 100% - 32px);margin:0 auto;padding:8px 0 20px}
.pf7-mpanel a:not(.pf7-btn){display:flex;align-items:center;min-height:48px;padding:0 6px;border-bottom:1px solid var(--line);color:var(--text);font-size:17px;font-weight:500;text-decoration:none}
@media (min-width: 1101px){.pf7-mpanel.is-open{display:none}}
.pf7-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border:none;border-radius:999px;font-family:inherit;font-size:15.5px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:translate .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .25s ease}
.pf7-btn:hover{translate:0 -2px}
.pf7-btn-sm{min-height:40px;padding:0 17px;font-size:14px}
.pf7-dl{color:#ffffff !important;background:linear-gradient(180deg, #2b8cff 0%, #1E72E0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 0 0 1px rgba(0,150,255,0.55), 0 10px 30px -8px var(--glow)}
.pf7-dl:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 0 0 1px rgba(0,190,255,0.7), 0 14px 40px -8px var(--glow)}
.pf7-dl::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg, transparent 35%, rgba(255,255,255,0.45) 50%, transparent 65%);translate:-130% 0}
.pf7-buy{color:var(--buy-ink) !important;background:var(--buy-bg);box-shadow:inset 0 0 0 1px var(--buy-ring), 0 10px 26px -14px rgba(0,0,0,0.6)}
.pf7-buy:hover{filter:brightness(1.06)}
.pf7-ghost{color:var(--text) !important;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.pf7-btn:focus-visible,.pf7-links a:focus-visible,.pf7-iconbtn:focus-visible,.pf7-lang:focus-visible,.pf7-tab:focus-visible,.pf7-qbtn:focus-visible,.pf7-term:focus-visible{outline:3px solid var(--brand3);outline-offset:3px}
.pf7-card{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:28px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--card-shadow);transition:translate .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease}
.pf7-card::before{content:"";position:absolute;z-index:-1;left:-30%;top:-60%;width:90%;height:120%;border-radius:50%;background:radial-gradient(closest-side, var(--pool), transparent);pointer-events:none}
.pf7-card:hover{translate:0 -4px;box-shadow:inset 0 0 0 1px var(--line2), var(--card-shadow)}
.pf7-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:999px;background:var(--surface2);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--line2)}
.pf7-pending{border-radius:20px;padding:28px;border:1.5px dashed var(--pending);background:transparent}
.pf7-field{position:relative;width:100%;max-width:1200px;height:272px;margin:0 auto 18px}
.pf7-svg,.pf7-lane{position:absolute;left:50%;top:0;width:1200px;height:272px;margin-left:-600px;pointer-events:none}
.pf7-svg{overflow:visible}
.pf7-node{position:absolute;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 10px;border-radius:999px;background:var(--solid);box-shadow:inset 0 0 0 1px var(--line2), 0 10px 26px -10px rgba(0,0,0,0.45);font-size:12.5px;font-weight:500;color:var(--text2);white-space:nowrap}
.pf7-node-l{transform:translate(-100%, -50%)}
.pf7-node-r{transform:translate(0, -50%)}
.pf7-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:#d8f3ff;box-shadow:0 0 10px 3px rgba(0,190,255,0.85), 0 0 26px 6px rgba(0,150,255,0.45);offset-rotate:0deg;offset-distance:0%;opacity:0}
.pf7-file{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center;border-radius:8px;background:var(--solid);box-shadow:inset 0 0 0 1px var(--line2), 0 6px 16px rgba(0,0,0,0.35), 0 0 18px var(--glow-soft);color:var(--accent-text);offset-rotate:0deg;offset-distance:0%;opacity:0}
.pf7-hub{position:absolute;left:50%;top:136px;width:140px;height:140px;margin:-70px 0 0 -70px}
.pf7-pool{position:absolute;left:50%;top:198px;width:300px;height:46px;margin-left:-150px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side, rgba(0,160,255,0.45), rgba(0,120,255,0.12) 55%, transparent);filter:blur(6px)}
.pf7-mirror{position:absolute;left:0;top:146px;width:140px;height:140px;opacity:.26;transform:scaleY(-1);-webkit-mask-image:linear-gradient(to top, #000 0%, transparent 52%);mask-image:linear-gradient(to top, #000 0%, transparent 52%);pointer-events:none}
.theme-light .pf7-mirror{opacity:.18}
.pf7-halo{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:999px;pointer-events:none;background:radial-gradient(circle, rgba(0,150,255,0.40) 0%, rgba(0,150,255,0.10) 36%, transparent 66%)}
.theme-light .pf7-halo{background:radial-gradient(circle, rgba(0,150,255,0.26) 0%, rgba(0,150,255,0.07) 36%, transparent 66%)}
.pf7-cta{display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:10px;justify-content:center;align-items:start}
.pf7-stage{position:relative;width:min(1240px, 100% + 40px);margin:56px auto 0;aspect-ratio:3280 / 1968}
.pf7-stage img{position:absolute;inset:0;width:100%;height:100%;display:block}
.pf7-frame{position:absolute;left:3.415%;top:3.862%;width:93.17%;height:88.62%;border-radius:1.57% / 2.75%;pointer-events:none;box-shadow:0 0 0 1px var(--line2), 0 0 36px -4px var(--glow), 0 0 140px -20px var(--glow)}
.pf7-frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--pf7-a), transparent 0deg, transparent 250deg, rgba(255,150,80,0) 262deg, rgba(255,160,90,0.85) 292deg, #00BEFF 322deg, #ffffff 340deg, #0096FF 352deg, transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1}
.pf7-beam{position:absolute;left:3.415%;top:3.862%;width:93.17%;height:88.62%;border-radius:1.57% / 2.75%;pointer-events:none;background:conic-gradient(from var(--pf7-a), transparent 0deg, transparent 262deg, rgba(255,150,80,0.55) 292deg, rgba(0,190,255,0.9) 322deg, rgba(255,255,255,0.9) 340deg, rgba(0,150,255,0.8) 352deg, transparent 360deg);filter:blur(22px);opacity:1}
.pf7-funnel{position:absolute;left:50%;top:-30%;width:70%;height:90%;translate:-50% 0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 50% 60%, var(--glow-soft), transparent 70%);filter:blur(20px)}
.pf7-marqbox{overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)}
.pf7-marq{display:flex;width:max-content}
.pf7-marqbox:hover .pf7-marq{animation-play-state:paused}
.pf7-tabs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
.pf7-tab{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px 26px;border:none;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--text3);font-family:inherit;font-size:15px;line-height:1.55;text-align:left;cursor:pointer;transition:background-color .35s ease, box-shadow .35s ease, color .35s ease}
.pf7-tab:hover{color:var(--text2)}
.pf7-tab.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 14%, transparent), var(--surface) 70%);box-shadow:inset 0 0 0 1px var(--line2), 0 18px 50px -26px var(--glow);color:var(--text2)}
.pf7-tabt{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.007em;color:var(--text2)}
.pf7-tab.is-on .pf7-tabt{color:var(--text)}
.pf7-tab .pf7-icon{transition:background-color .35s ease, color .35s ease}
.pf7-tab.is-on .pf7-icon{background:var(--brand);color:#ffffff;box-shadow:none}
.pf7-track{position:absolute;left:22px;right:22px;bottom:12px;height:2px;border-radius:2px;overflow:hidden}
.pf7-tab.is-on .pf7-track{background:var(--line)}
.pf7-prog{display:block;height:100%;background:linear-gradient(90deg, var(--brand), var(--brand3));transform-origin:0 50%;transform:scaleX(0)}
.pf7-prog.full{transform:scaleX(1)}
.pf7-showstage{--W:1100;--P:48px;position:relative;margin:28px auto 0;width:min(100%, calc(var(--W) * 1px + var(--P) * 2));height:calc(var(--P) + var(--W) * 0.532px + 40px)}
.pf7-scr{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.975);transition:opacity .7s ease, transform 1s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pf7-scr.is-on{opacity:1;transform:none;pointer-events:auto}
.pf7-win{position:absolute;left:var(--P);top:var(--P);width:calc(var(--W) * 1px);overflow:hidden;background:#ffffff;box-shadow:var(--win-shadow)}
.pf7-win-db{height:calc(var(--W) * 813px / 1549);border-radius:calc(var(--W) * 26px / 1549)}
.pf7-win-ci{height:calc(var(--W) * 813px / 1528);border-radius:calc(var(--W) * 26px / 1528)}
.pf7-bd{position:absolute;transform-origin:0 0}
.pf7-bd-db{width:1661px;height:925px;left:calc(-41px * var(--W) / 1549);top:calc(-19px * var(--W) / 1549);transform:scale(calc(var(--W) / 1549))}
.pf7-bd-ci{width:1640px;height:925px;left:calc(-56px * var(--W) / 1528);top:calc(-38px * var(--W) / 1528);transform:scale(calc(var(--W) / 1528))}
.pf7-crop{position:absolute;overflow:hidden;background:#ffffff;box-shadow:var(--win-shadow)}
.pf7-g2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}
.pf7-g3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}
.pf7-row{display:grid;grid-template-columns:minmax(0, 420px) minmax(0, 1fr);gap:56px;align-items:center}
.pf7-sec{position:relative;z-index:1;padding:132px 0 0}
.pf7-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.pf7-acc details,.pf7-acc .pf7-qa{border-top:1px solid var(--line)}
.pf7-acc > :last-child{border-bottom:1px solid var(--line)}
.pf7-acc summary,.pf7-qbtn{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;padding:22px 4px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:18px;font-weight:600;line-height:1.4;color:var(--text);text-align:left}
.pf7-acc summary::-webkit-details-marker{display:none}
.pf7-plus{flex:none;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--accent-text);transition:rotate .3s ease}
.pf7-acc details[open] .pf7-plus,.pf7-qbtn[aria-expanded="true"] .pf7-plus{rotate:45deg}
.pf7-ans{padding:0 4px 26px;max-width:780px;font-size:16px;line-height:1.65;color:var(--text3)}
.pf7-ans p{margin:0 0 14px}
.pf7-ans p:last-child{margin-bottom:0}
.pf7-ans ul{margin:0 0 14px;padding-left:20px}
.pf7-ans li{margin:0 0 8px}
.pf7-ans strong{color:var(--text);font-weight:600}
.pf7-panel{display:none}
.pf7-panel.is-open{display:block}
.pf7-hls{background:var(--hl-sub);color:var(--hl-sub-ink);box-shadow:inset 0 0 0 1px var(--hl-sub-ring);font-weight:600;padding:0.04em 0.16em;margin:0 -0.06em;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pf7-hll{background:var(--hl-lic);color:var(--hl-lic-ink);box-shadow:inset 0 0 0 1px var(--hl-lic-ring);font-weight:600;padding:0.04em 0.16em;margin:0 -0.06em;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pf7-term{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 14px;border:none;border-radius:12px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);color:var(--text2);font-family:inherit;font-size:15px;cursor:pointer;transition:background-color .25s ease, box-shadow .25s ease, color .25s ease}
.pf7-term.is-on{background:color-mix(in srgb, var(--brand) 16%, transparent);box-shadow:inset 0 0 0 1.5px var(--brand2);color:var(--text)}
.pf7-radio{width:16px;height:16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line2);display:grid;place-items:center;flex:none}
.pf7-term.is-on .pf7-radio{box-shadow:inset 0 0 0 1.5px var(--brand2)}
.pf7-term.is-on .pf7-radio::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand2)}
.pf7-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;color:var(--text2)}
.pf7-list li{display:flex;gap:10px}
.pf7-input{height:46px;width:100%;padding:0 14px;border:none;border-radius:10px;background:var(--input);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);font-family:inherit;font-size:15px;outline:none}
.pf7-input:focus{box-shadow:inset 0 0 0 2px var(--brand2)}
.pf7-foot a{color:var(--text3);text-decoration:none;font-size:14px}
.pf7-foot a:hover{color:var(--text)}
@media (prefers-reduced-motion: no-preference){@keyframes pf7-up{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes pf7-pop{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes pf7-rise{from{opacity:0;transform:perspective(1800px) translateY(70px) rotateX(18deg) scale(.96)}to{opacity:1;transform:none}}@keyframes pf7-hover{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes pf7-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes pf7-breathe{0%,100%{opacity:.65;scale:1}50%{opacity:.95;scale:1.07}}@keyframes pf7-spin{to{--pf7-a:360deg}}@keyframes pf7-glint{0%,72%{translate:-130% 0}100%{translate:130% 0}}@keyframes pf7-draw{from{stroke-dashoffset:640}to{stroke-dashoffset:0}}@keyframes pf7-ride{0%{offset-distance:0%;opacity:0}12%{opacity:1}86%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes pf7-carry{0%{offset-distance:0%;opacity:0;scale:.7}14%{opacity:1;scale:1}78%{opacity:1;scale:1}100%{offset-distance:100%;opacity:0;scale:.35}}@keyframes pf7-marq{to{transform:translateX(-50%)}}@keyframes pf7-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pf7-sheen{0%{background-position:160% 0,0 0}35%,100%{background-position:-60% 0,0 0}}.pf7-in{animation:pf7-up .9s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--d, 0) * 110ms + 150ms)}.pf7-hub{animation:pf7-pop 1s cubic-bezier(.2,.8,.2,1) backwards}@keyframes pf7-bobinv{0%,100%{translate:0 0}50%{translate:0 8px}}.pf7-mirror{animation:pf7-bobinv 6s ease-in-out 1s infinite}.pf7-hover{animation:pf7-hover6 6s ease-in-out 1s infinite}@keyframes pf7-hover6{0%,100%{translate:0 0}50%{translate:0 -8px}}.pf7-bob{animation:pf7-bob 6s ease-in-out infinite}.pf7-halo{animation:pf7-breathe6 4s ease-in-out infinite}@keyframes pf7-breathe6{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.08}}.pf7-rise{animation:pf7-rise 1.3s cubic-bezier(.16,.8,.2,1) .7s backwards}.pf7-frame::before,.pf7-beam{animation:pf7-spin 7s linear infinite}.pf7-dl::after{animation:pf7-glint 6s ease-in-out 2s infinite}.pf7-path{stroke-dasharray:640;animation:pf7-draw 1.8s cubic-bezier(.4,0,.2,1) backwards}.pf7-dot{animation:pf7-ride 3.8s cubic-bezier(.5,0,.85,.55) infinite}.pf7-file{animation:pf7-carry 5.6s cubic-bezier(.45,0,.8,.6) infinite}.pf7-node{animation:pf7-up .9s cubic-bezier(.2,.8,.2,1) backwards}.pf7-marq{animation:pf7-marq 56s linear infinite}.pf7-prog.run{animation:pf7-prog 7s linear both}.pf7-name{background-image:linear-gradient(100deg, transparent 40%, var(--sheen) 50%, transparent 60%), linear-gradient(180deg, var(--head1) 0%, var(--head2) 100%) !important;background-size:250% 100%, 100% 100% !important;background-repeat:no-repeat !important;animation:pf7-up 1s cubic-bezier(.2,.8,.2,1) .35s backwards, pf7-sheen 8s ease-in-out 2.5s infinite}@supports (animation-timeline: view()){@keyframes pf7-rev{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}.pf7-r{animation:pf7-rev linear backwards;animation-timeline:view();animation-range:entry 0% entry 140px}}}
@media (prefers-reduced-motion: reduce){.pf7-dot,.pf7-file{display:none}.pf7-prog.run{transform:scaleX(1)}.pf7-tab,.pf7-scr,.pf7-card,.pf7-btn{transition:none}}
@media (max-width: 1279px){.pf7-showstage{--W:880;--P:40px}}
@media (max-width: 1100px){.pf7-links{display:none}.pf7-menu{display:inline-grid !important}.pf7-row{grid-template-columns:minmax(0, 1fr);gap:32px}}
@media (max-width: 1023px){.pf7-showstage{--W:680;--P:32px}}
@media (max-width: 900px){.pf7-g2,.pf7-g3,.pf7-tabs{grid-template-columns:minmax(0, 1fr)}.pf7-node{display:none}}
@media (max-width: 700px){.pf7-hidesm{display:none !important}.pf7-showstage{--W:342;--P:4px;width:100%}.pf7-stage{width:calc(100% + 120px);margin-left:-60px}.pf7-cta{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);width:100%}.pf7-field{height:250px}.pf7-sec{padding-top:96px}.pf7-zoom{zoom:.52}}
.pf7{--a-win:#1e1f23;--a-tool:#2a2b30;--a-side:#24252a;--a-pane:#1c1d21;--a-row:rgba(255,255,255,0.035);--a-line:rgba(255,255,255,0.085);
--a-text:#ececef;--a-text2:#a3a4ab;--a-text3:#71727a;--a-ctl:rgba(255,255,255,0.075);--a-ctl2:rgba(255,255,255,0.12);
--a-sel:#0a64d6;--a-selsoft:rgba(70,135,235,0.28);--a-path:rgba(255,255,255,0.06);
--a-f1:#4aa2f4;--a-f2:#2a7fdd;--a-doc:#34353b;--a-docline:#55565e;
--a-term:#141518;--a-tt:#d4d5da;--a-dir:#6cb6ff;--a-lnk:#e08cff;--a-ok:#7ee787;
--a-menu:rgba(44,45,50,0.94);--a-menuline:rgba(255,255,255,0.09);
--syn-tag:#ff7ab2;--syn-attr:#d9c97c;--syn-str:#ff8170;--syn-txt:#e4e4e6;--syn-pun:#8e8f96;--syn-doc:#b281eb;
--a-wshadow:0 0 0 1px rgba(255,255,255,0.10), 0 30px 60px rgba(0,0,0,0.55), 0 60px 160px -40px rgba(0,120,255,0.55)}
.pf7.theme-light{--a-win:#ffffff;--a-tool:#f5f5f7;--a-side:#f0f0f3;--a-pane:#ffffff;--a-row:#f5f6f8;--a-line:rgba(0,0,0,0.085);
--a-text:#1d1d1f;--a-text2:#6e6e73;--a-text3:#a1a1a6;--a-ctl:rgba(0,0,0,0.05);--a-ctl2:rgba(0,0,0,0.09);
--a-sel:#0a64d6;--a-selsoft:#d7e6fb;--a-path:#f1f2f4;
--a-f1:#62b4f8;--a-f2:#3b8fea;--a-doc:#ffffff;--a-docline:#cfd0d6;
--a-term:#fbfbfc;--a-tt:#2c2c31;--a-dir:#1f6fd6;--a-lnk:#a335c9;--a-ok:#1a8f3a;
--a-menu:rgba(246,246,248,0.96);--a-menuline:rgba(0,0,0,0.08);
--syn-tag:#ad3da4;--syn-attr:#8a6a00;--syn-str:#c41a16;--syn-txt:#262626;--syn-pun:#7a7a80;--syn-doc:#6c36a9;
--a-wshadow:0 0 0 1px rgba(16,24,40,0.10), 0 30px 60px -10px rgba(16,24,40,0.22), 0 60px 140px -40px rgba(0,120,255,0.30)}
.pfa-fit{position:relative;width:calc(var(--W) * 1px);height:calc(var(--W) * var(--H) / var(--D) * 1px)}
.pfa-sc{position:absolute;left:0;top:0;width:calc(var(--D) * 1px);height:calc(var(--H) * 1px);transform-origin:0 0;transform:scale(calc(var(--W) / var(--D)))}
.pfa{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:var(--a-win);color:var(--a-text);font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:12px;line-height:1.25;letter-spacing:0;text-align:left;-webkit-font-smoothing:antialiased;transition:background-color .4s ease, color .4s ease}
.pfa *{box-sizing:border-box}
.pfa svg{display:block;flex:none}
.pfa-m{position:absolute;overflow:hidden;background:var(--a-pane)}
.pfa-side{background:var(--a-side)}
.pfa-mh{height:22px;flex:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10.5px;font-weight:500;color:var(--a-text2)}
.pfa-lights{display:flex;gap:8px}
.pfa-lights i{width:12px;height:12px;border-radius:999px;display:block}
.pfa-lights i:nth-child(1){background:#ff5f57}
.pfa-lights i:nth-child(2){background:#febc2e}
.pfa-lights i:nth-child(3){background:#28c840}
.pfa-tb{display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--a-tool);border-bottom:1px solid var(--a-line)}
.pfa-tool{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--a-text2);white-space:nowrap}
.pfa-tbtn{height:24px;min-width:30px;padding:0 6px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--a-ctl);color:var(--a-text)}
.pfa-tbtn.on{background:var(--a-sel);color:#ffffff;border-radius:999px;min-width:26px;width:26px;height:26px;padding:0}
.pfa-seg{display:flex;gap:1px;border-radius:7px;overflow:hidden}
.pfa-seg span{height:24px;width:28px;display:flex;align-items:center;justify-content:center;background:var(--a-ctl);color:var(--a-text)}
.pfa-seg span.on{background:var(--a-ctl2)}
.pfa-path{height:24px;flex:none;display:flex;align-items:center;gap:5px;padding:0 10px;background:var(--a-path);border-bottom:1px solid var(--a-line);font-size:10.5px;color:var(--a-text2);white-space:nowrap;overflow:hidden}
.pfa-path b{font-weight:500;color:var(--a-text);padding:2px 7px;border-radius:5px;background:var(--a-selsoft)}
.pfa-status{position:absolute;left:0;right:0;bottom:0;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--a-text2);background:var(--a-path);border-top:1px solid var(--a-line);white-space:nowrap}
.pfa-sb{padding:6px 8px}
.pfa-sbh{padding:8px 8px 4px;font-size:10px;font-weight:600;color:var(--a-text3)}
.pfa-si{height:21px;display:flex;align-items:center;gap:7px;padding:0 8px;border-radius:6px;font-size:11.5px;color:var(--a-text);white-space:nowrap}
.pfa-si svg{color:var(--a-sel)}
.theme-dark .pfa-si svg{color:#4a9bf5}
.pfa-si.on{background:var(--a-ctl2);font-weight:600}
.pfa-icons{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:10px;padding:14px 8px}
.pfa-it{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pfa-ib{height:58px;width:76px;display:flex;align-items:flex-end;justify-content:center;border-radius:8px;padding-bottom:3px}
.pfa-it.on .pfa-ib{background:var(--a-ctl2)}
.pfa-in{font-size:11px;font-weight:500;color:var(--a-text);padding:1px 5px;border-radius:4px;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfa-it.on .pfa-in{background:var(--a-sel);color:#ffffff}
.pfa-is{font-size:10px;color:var(--a-dir);margin-top:-2px}
.pfa-lh,.pfa-lr{display:grid;align-items:center;height:22px;padding:0 10px;font-size:11.5px;white-space:nowrap}
.pfa-lh{height:22px;font-size:10.5px;font-weight:500;color:var(--a-text2);border-bottom:1px solid var(--a-line)}
.pfa-lr span{overflow:hidden;text-overflow:ellipsis}
.pfa-lr:nth-child(even){background:var(--a-row)}
.pfa-lr .nm{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--a-text)}
.pfa-lr .mt{color:var(--a-text2)}
.pfa-lr.on{background:var(--a-sel) !important}
.pfa-lr.on span,.pfa-lr.on .mt{color:#ffffff}
.pfa-lr.soft{background:var(--a-selsoft) !important}
.pfa-tri{width:8px;color:var(--a-text3);font-size:8px}
.pfa-kv{margin:0;display:grid;grid-template-columns:86px 1fr;column-gap:8px;row-gap:2.5px;padding:8px 12px 6px;font-size:10.5px;line-height:1.3}
.pfa-kv dt{text-align:right;color:var(--a-text2);white-space:nowrap}
.pfa-kv dd{margin:0;color:var(--a-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfa-btn{display:inline-flex;align-items:center;height:18px;padding:0 9px;border-radius:5px;background:var(--a-ctl2);font-size:10px;color:var(--a-text)}
.pfa-term{background:var(--a-term)}
.pfa-tl{font-family:'SF Mono', Menlo, 'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:10px;line-height:13.5px;color:var(--a-tt);white-space:pre;padding:4px 12px}
.pfa-tl .d{color:var(--a-dir);font-weight:700}
.pfa-tl .l{color:var(--a-lnk)}
.pfa-tl .p{color:var(--a-ok);font-weight:600}
.pfa-tl .m{color:var(--a-text3)}
.pfa-caret{display:inline-block;width:6px;height:11px;margin-bottom:-2px;background:var(--a-tt);opacity:.7}
.pfa-app{width:15px;height:15px;border-radius:4px;flex:none;display:grid;place-items:center;color:#ffffff;font-size:8px;font-weight:700}
.pfa-code{font-family:'SF Mono', Menlo, 'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:11.5px;line-height:19px;white-space:pre;color:var(--syn-txt);padding:10px 0}
.pfa-code .n{display:inline-block;width:34px;padding-right:12px;text-align:right;color:var(--a-text3)}
.pfa-code .t{color:var(--syn-tag)}
.pfa-code .a{color:var(--syn-attr)}
.pfa-code .s{color:var(--syn-str)}
.pfa-code .u{color:var(--syn-pun)}
.pfa-code .x{color:var(--syn-doc)}
.pfa-menu{position:absolute;padding:5px;border-radius:10px;background:var(--a-menu);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 0 0 0.5px rgba(0,0,0,0.25), inset 0 0 0 0.5px rgba(255,255,255,0.12), 0 18px 40px rgba(0,0,0,0.35);font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:12.5px;color:var(--a-text)}
.pfa-mi{height:21px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 9px;border-radius:5px;white-space:nowrap}
.pfa-mi.on{background:var(--a-sel);color:#ffffff}
.pfa-mi i{font-style:normal;font-size:10px;opacity:.7}
.pfa-msep{height:1px;margin:4px 9px;background:var(--a-menuline)}
.pfa-ghost{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:9px;background:var(--a-sel);color:#ffffff;font-size:11.5px;font-weight:600;box-shadow:0 12px 26px rgba(0,0,0,0.35);opacity:0;pointer-events:none}
.pfa-ghost b{position:absolute;right:-8px;top:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3b30;color:#ffffff;font-size:10.5px;display:grid;place-items:center}
.pfa-drop{position:absolute;border-radius:6px;box-shadow:inset 0 0 0 2px var(--a-sel);opacity:0;pointer-events:none}
@media (prefers-reduced-motion: no-preference){@keyframes pfa-drag{0%,12%{opacity:0;transform:translate(0,0) scale(.9)}20%{opacity:1;transform:translate(0,0) scale(1)}58%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1)}70%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.85)}}@keyframes pfa-dropin{0%,40%{opacity:0}52%,66%{opacity:1}78%,100%{opacity:0}}@keyframes pfa-blink{0%,49%{opacity:.75}50%,100%{opacity:0}}.pfa-ghost{animation:pfa-drag 6s cubic-bezier(.45,0,.25,1) 1.2s infinite}.pfa-drop{animation:pfa-dropin 6s ease 1.2s infinite}.pfa-caret{animation:pfa-blink 1.1s steps(1) infinite}}
.pf8-emb{--em-glow1:rgba(0,150,255,0.42);--em-glow2:rgba(0,150,255,0.12);--em-ring:rgba(130,195,255,0.3);--em-sweep:rgba(0,190,255,0.72);--em-tip:rgba(190,240,255,0.95);--em-arcglow:rgba(0,190,255,0.6);
position:relative;width:120px;height:120px;margin:22px auto 44px;flex:none}
.theme-light .pf8-emb{--em-glow1:rgba(0,150,255,0.26);--em-glow2:rgba(0,150,255,0.07);--em-ring:rgba(30,114,224,0.36);--em-sweep:rgba(0,140,255,0.8);--em-tip:rgba(0,150,255,1);--em-arcglow:rgba(0,150,255,0.35)}
.pf8-emb-glow,.pf8-emb-ring,.pf8-emb-sweep{position:absolute;left:50%;top:50%;border-radius:999px;pointer-events:none}
.pf8-emb-glow{width:380px;height:380px;margin:-190px 0 0 -190px;background:radial-gradient(circle, var(--em-glow1) 0%, var(--em-glow2) 38%, transparent 68%)}
.pf8-emb-ring{width:164px;height:164px;margin:-82px 0 0 -82px;border:1px dashed var(--em-ring)}
.pf8-emb-sweep{width:190px;height:190px;margin:-95px 0 0 -95px;filter:drop-shadow(0 0 5px var(--em-arcglow))}
.pf8-emb-sweep i{position:absolute;inset:0;border-radius:999px;display:block;
  background:conic-gradient(from 0deg, transparent 0deg, transparent 260deg, var(--em-sweep) 354deg, var(--em-tip) 358.5deg, transparent 360deg);
  -webkit-mask:radial-gradient(closest-side, transparent 90%, #000 91%, #000 99%, transparent 100%);mask:radial-gradient(closest-side, transparent 90%, #000 91%, #000 99%, transparent 100%)}
.pf8-emb-icon{position:relative;display:block;width:120px;height:120px;filter:drop-shadow(0 20px 40px rgba(0,110,255,0.5))}
@media (prefers-reduced-motion: no-preference){@keyframes pf8-embpop{from{opacity:0;scale:.6;filter:blur(12px)}to{opacity:1;scale:1;filter:blur(0)}}@keyframes pf8-embfloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes pf8-embglow{0%,100%{opacity:.7;scale:1}50%{opacity:1;scale:1.1}}@keyframes pf8-embspin{to{rotate:360deg}}@keyframes pf8-embspinr{to{rotate:-360deg}}.pf8-emb{animation:pf8-embpop 1s cubic-bezier(.2,.8,.2,1) backwards}.pf8-emb-icon{animation:pf8-embfloat 6s ease-in-out 1s infinite}.pf8-emb-glow{animation:pf8-embglow 5s ease-in-out infinite}.pf8-emb-ring{animation:pf8-embspinr 40s linear infinite}.pf8-emb-sweep{animation:pf8-embspin 4s linear infinite}}
@media (prefers-reduced-motion: reduce){.pf8-emb-sweep{display:none}}
.pf7-badge{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text2);font-size:13px;font-weight:500}
.pf7-badge b{padding:3px 10px;border-radius:999px;background:linear-gradient(180deg, #2b8cff, #1E72E0);color:#ffffff;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-size:12px;font-weight:700;letter-spacing:0.01em}
.pf7-name{margin:22px 0 0;padding-bottom:6px;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(54px, 8.4vw, 112px);line-height:1;letter-spacing:-0.016em;background-image:linear-gradient(180deg, var(--head1) 0%, var(--head2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7-h1{margin:10px 0 0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:clamp(22px, 2.5vw, 32px);line-height:1.2;letter-spacing:-0.009em;color:var(--text);text-wrap:balance}
.pf7-sub{margin:14px 0 0;max-width:640px;font-size:clamp(17px, 1.5vw, 19px);line-height:1.55;color:var(--text3);text-wrap:pretty}
.pf7-cta{margin-top:34px;grid-template-columns:216px 216px;grid-template-areas:"dl buy" "note .";column-gap:14px;row-gap:10px}
.pf7-cta .pf7-btn{min-height:52px;width:100%;font-size:16px}
.pf7-trial{grid-area:note;margin:0;font-size:13.5px;line-height:1.4;color:var(--text3);text-align:center}
.pf7-cap{margin:30px auto 0;max-width:720px;font-size:14.5px;line-height:1.5;color:var(--text3);text-align:center}
.pf7-happ{--W:1160;margin:56px auto 0}
.pf7-happ .pf7-frame,.pf7-happ .pf7-beam{left:0;top:0;width:100%;height:100%;border-radius:calc(var(--W) * 18px / 1200)}
.pf7-happ .pf7-frame{box-shadow:var(--a-wshadow), 0 0 0 1px var(--line2), 0 0 36px -4px var(--glow), 0 0 140px -20px var(--glow)}
.pfa .pf7-chip{display:none}
.pf7-tabwin{position:absolute;left:var(--P);top:var(--P);--D:1100;--H:585}
.pf7-tabwin .pfa,.pf7-cmfit .pfa{box-shadow:var(--a-wshadow)}
.pf7-cmfit{--W:677;--D:677;--H:403;margin-left:auto}
.pf7-mods{position:relative;margin:40px auto 0}
.pf7-modfit{--W:1120;--D:1320;--H:810;margin:0 auto}
.pf7-mods .pfa-x{overflow:visible;background:transparent}
.pf7-mods .pfa-x::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:var(--a-wshadow);opacity:0;transition:opacity .8s ease .4s;pointer-events:none}
.pf7-mods .pfa-x .pfa-m{transform:translate(var(--x), var(--y));border-radius:12px;box-shadow:0 0 0 1px rgba(0,190,255,0.6), 0 0 26px -6px var(--glow), 0 20px 40px -18px rgba(0,0,0,0.45);transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 45ms), box-shadow .7s ease, border-radius .7s ease}
.pf7-mods .pfa-x .pf7-chip{display:inline-flex;font-size:15px;padding:6px 13px;gap:7px;font-family:'ct-shell Inter', ui-sans-serif, system-ui, sans-serif}
.pf7-mods.is-built .pfa-x .pfa-m{transform:translate(0, 0);border-radius:0;box-shadow:0 0 0 0 rgba(0,190,255,0)}
.pf7-mods.is-built .pfa-x .pf7-chip{opacity:0}
.pf7-mods.is-built .pfa-x::after{opacity:1}
.pf7-mods.is-built .pfa-c-tl{border-top-left-radius:18px}
.pf7-mods.is-built .pfa-c-tr{border-top-right-radius:18px}
.pf7-mods.is-built .pfa-c-bl{border-bottom-left-radius:18px}
.pf7-mods.is-built .pfa-c-br{border-bottom-right-radius:18px}
.pf7-chip{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(6,12,26,0.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(130,195,255,0.4), 0 6px 18px rgba(0,0,0,0.35);color:#eaf4ff;font-size:12.5px;font-weight:600;white-space:nowrap;transition:opacity .4s ease;z-index:2}
.pf7-chip::before{content:"";width:6px;height:6px;border-radius:999px;background:#00BEFF;box-shadow:0 0 8px rgba(0,190,255,0.9)}
.pf7-toggle{display:inline-flex;align-items:center;gap:8px}
@media (max-width: 1199px){.pf7-happ{--W:940}}
@media (max-width: 1160px){.pf7-modfit{--W:960}}
@media (max-width: 1100px){.pf7-cmfit{margin:0 auto}}
@media (max-width: 999px){.pf7-happ{--W:740}.pf7-modfit{--W:760}}
@media (max-width: 799px){.pf7-happ{--W:580}.pf7-modfit{--W:600}}
@media (max-width: 700px){.pf7-happ{--W:500;margin-left:calc(50% - 250px)}.pf7-modfit{--W:350}.pf7-cmfit{--W:352}}
.pf7-post{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.pf7-post:hover h3{color:var(--link)}
.pf7-note{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px dashed var(--pending);font-family:'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:11.5px;line-height:1.4;color:var(--text3)}
.pf7-prices{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;align-items:stretch}
.pf7-big{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:50px;line-height:1.05;letter-spacing:-0.013em;color:var(--text)}
.pf7-feat{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 13%, transparent), var(--surface) 55%);box-shadow:inset 0 0 0 1px var(--line2), 0 0 0 1px color-mix(in srgb, var(--brand2) 35%, transparent), 0 30px 70px -36px var(--glow)}
.pf7-feat::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--pf7-a), transparent 0deg, transparent 280deg, #00BEFF 330deg, #ffffff 345deg, transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
@media (prefers-reduced-motion: no-preference){.pf7-feat::after{animation:pf7-spin 9s linear infinite}}
.pf7-em{color:var(--text);font-weight:600}
.pf7-step{display:flex;gap:14px;align-items:flex-start}
.pf7-num{flex:none;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--accent-text);font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-size:13px;font-weight:700}
.pf7-skel{height:10px;border-radius:6px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line)}
.pf7-shot{display:grid;place-items:center;aspect-ratio:16 / 10;border-radius:14px;border:1.5px dashed var(--pending);color:var(--text3);font-size:13px;text-align:center;padding:16px;background:repeating-linear-gradient(135deg, transparent 0 14px, var(--surface) 14px 15px)}
@media (max-width: 1000px){.pf7-prices{grid-template-columns:minmax(0, 1fr);max-width:540px;margin-left:auto;margin-right:auto}}
@media (max-width: 700px){.pf7-cta{grid-template-columns:minmax(0, 1fr);grid-template-areas:"dl" "note" "buy";width:100%;max-width:360px}.pf7-trial{margin-bottom:6px}.pf7-chip{font-size:10px;padding:3px 8px;gap:4px}.pf7-chip::before{width:4px;height:4px}.pf7-big{font-size:44px}}
.pf8-scene{--Ww:1376;--Wh:1460;--W:min(var(--Ww), var(--Wh));--sh:min(100vh, 1000px);position:relative;z-index:1;height:calc(var(--sh) + 260px)}
.pf8-stick{position:sticky;top:68px;height:calc(var(--sh) - 68px);display:flex;align-items:center;justify-content:center}
.pf8-crop{position:relative;width:calc(var(--W) * 1px)}
.pf8-win{--D:1200;--H:720}
.pf8-win .pfa{box-shadow:var(--a-wshadow), 0 0 0 1px rgba(0,190,255,0.22), 0 0 90px -16px var(--glow)}
.pf8-halo{position:absolute;left:8%;right:8%;top:10%;bottom:-6%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 55%, var(--glow-soft), transparent 70%);filter:blur(30px);opacity:.9}
.pf8-card{position:absolute;z-index:3;width:min(430px, 42%);padding:24px 26px;border-radius:20px;display:flex;flex-direction:column;gap:10px;
  background:rgba(7,13,28,0.80);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:inset 0 0 0 1px rgba(130,195,255,0.28), inset 0 1px 0 rgba(255,255,255,0.10), 0 24px 60px -20px rgba(0,0,0,0.7), 0 0 60px -20px var(--glow)}
.theme-light .pf8-card{background:rgba(255,255,255,0.86);box-shadow:inset 0 0 0 1px rgba(30,114,224,0.18), 0 24px 60px -24px rgba(16,24,40,0.35), 0 0 60px -24px var(--glow)}
.pf8-card h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:26px;line-height:1.18;letter-spacing:-0.009em;color:var(--text)}
.pf8-card p{margin:0;font-size:16px;line-height:1.55;color:var(--text2)}
.pf8-bc{left:calc(50% - min(215px, 21%));bottom:24px}
.pf8-bl{left:28px;bottom:28px}
.pf8-br{right:28px;bottom:28px}
.pf8-tr{right:28px;top:28px}
.pf8-tl{left:28px;top:28px}
.pf8-hl{position:absolute;border-radius:10px;pointer-events:none;box-shadow:0 0 0 2px rgba(0,200,255,0.95), 0 0 22px 4px rgba(0,150,255,0.55), inset 0 0 18px rgba(0,170,255,0.18)}
.pf8-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#0a64d6;color:#ffffff;font-family:'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 22px rgba(0,60,160,0.45), 0 0 0 3px rgba(0,190,255,0.25)}
.pf8-chipf{position:absolute;display:flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 6px;border-radius:7px;background:var(--a-pane);box-shadow:0 0 0 1px var(--a-line), 0 10px 24px rgba(0,0,0,0.35);font-size:11.5px;font-weight:600;color:var(--a-text);white-space:nowrap;opacity:0}
.pf8-slot{position:absolute;display:flex;align-items:center;gap:7px;height:26px;padding:0 8px 0 6px;border-radius:6px;background:var(--a-pane);box-shadow:0 0 0 1px var(--a-line);font-size:11px;font-weight:500;color:var(--a-text);white-space:nowrap}
.pf8-ghost{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;border-radius:9px;background:var(--a-sel);color:#ffffff;font-size:11.5px;font-weight:600;box-shadow:0 12px 26px rgba(0,0,0,0.35);opacity:0}
.pf8-ring{position:absolute;border-radius:9px;box-shadow:inset 0 0 0 2px var(--a-sel), 0 0 0 3px rgba(10,100,214,0.25);opacity:0}
.pf8-pop{position:absolute;padding:5px;border-radius:9px;background:var(--a-menu);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 .5px rgba(0,0,0,.25), 0 16px 36px rgba(0,0,0,.35);font-size:12px;color:var(--a-text)}
.pf8-field{height:24px;display:flex;align-items:center;padding:0 9px;border-radius:6px;background:var(--a-pane);box-shadow:inset 0 0 0 1px var(--a-line);font-size:12px;color:var(--a-text);white-space:nowrap}
.pf8-popbtn{height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 9px;border-radius:6px;background:var(--a-ctl2);font-size:12px;font-weight:500;color:var(--a-text);white-space:nowrap}
.pf8-pbtn{height:28px;display:inline-flex;align-items:center;padding:0 14px;border-radius:7px;background:var(--a-ctl2);font-size:12.5px;font-weight:500;color:var(--a-text)}
.pf8-pbtn.pri{background:var(--a-sel);color:#ffffff}
.pf8-bar{height:8px;border-radius:4px;background:linear-gradient(90deg, #2b8cff, #00BEFF)}
.pf8-sync{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;height:30px;padding:0 16px;font-size:12px;border-bottom:1px solid var(--a-line)}
.pf8-sync .act{justify-self:center;width:28px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:700}
.pf8-tabs{position:absolute;display:flex;gap:2px;padding:0 10px;align-items:flex-end;background:var(--a-tool);border-bottom:1px solid var(--a-line)}
.pf8-tab{height:28px;display:flex;align-items:center;gap:7px;padding:0 16px;border-radius:7px 7px 0 0;font-size:11.5px;color:var(--a-text2);white-space:nowrap}
.pf8-tab.on{background:var(--a-pane);color:var(--a-text);font-weight:600;box-shadow:0 0 0 1px var(--a-line)}
.pf8-dim{opacity:.5}
@media (prefers-reduced-motion: no-preference){@keyframes pf8-pulse{0%,100%{opacity:.65}50%{opacity:1}}.pf8-hl{animation:pf8-pulse 2.8s ease-in-out infinite}.pf8-c0{animation:pf8-c0 10s linear infinite}.pf8-c1{animation:pf8-c1 10s linear infinite}.pf8-c2{animation:pf8-c2 10s linear infinite}.pf8-s0{animation:pf8-s0 10s linear infinite}.pf8-s1{animation:pf8-s1 10s linear infinite}.pf8-s2{animation:pf8-s2 10s linear infinite}.pf8-ph{animation:pf8-ph 10s linear infinite}.pf8-g{animation:pf8-g 10s cubic-bezier(.45,0,.25,1) infinite}.pf8-rg{animation:pf8-rg 10s linear infinite}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){@keyframes pf8-zoomin{from{transform:translateY(70px) scale(.8);opacity:.35}to{transform:none;opacity:1}}@keyframes pf8-cardin{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}.pf8-scene{view-timeline-name:--pf8s;view-timeline-axis:block}.pf8-zoom{animation:pf8-zoomin linear both;animation-timeline:--pf8s;animation-range:entry 0% entry 100%}.pf8-card{animation:pf8-cardin linear both;animation-timeline:--pf8s;animation-range:entry 75% contain 12%}}}
@media (max-height: 999px){.pf8-scene{--Wh:1293}}
@media (max-height: 899px){.pf8-scene{--Wh:1127}}
@media (max-height: 799px){.pf8-scene{--Wh:960}}
@media (max-height: 699px){.pf8-scene{--Wh:793}}
@media (max-width: 1439px){.pf8-scene{--Ww:1216}}
@media (max-width: 1279px){.pf8-scene{--Ww:960}}
@media (max-width: 1023px){.pf8-scene{--Ww:704}.pf8-card{width:min(380px, 52%)}.pf8-card h3{font-size:22px}}
@media (max-width: 767px){.pf8-scene{height:auto;padding:28px 0 8px;--W:720}.pf8-stick{position:relative;top:auto;height:auto;display:block;width:min(100% - 32px, 560px);margin:0 auto}.pf8-crop{width:100%;height:330px;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line2), 0 20px 50px -20px var(--glow)}.pf8-win{position:absolute;left:calc(50% - var(--W) * var(--fx) * 1px);top:calc(165px - var(--W) * var(--H) / var(--D) * var(--fy) * 1px)}.pf8-halo{display:none}.pf8-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin-top:14px}.pf8-card h3{font-size:22px}}
.pf8-cv{position:relative;overflow:hidden;border-radius:14px;background:#05080f;aspect-ratio:16 / 9;box-shadow:0 0 0 1px rgba(130,195,255,0.14), 0 18px 40px -18px rgba(0,0,0,0.6)}
.theme-light .pf8-cv{box-shadow:0 0 0 1px rgba(16,24,40,0.08), 0 18px 40px -20px rgba(16,24,40,0.35)}
.pf8-cv svg{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
a:hover .pf8-cv svg{transform:scale(1.04)}
.pf8-sq{aspect-ratio:1 / 1;border-radius:12px}
.pf8-cat{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:0.02em;color:var(--accent-text)}
.pf8-cat i{width:8px;height:8px;border-radius:999px;display:block}
.pf8-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--text3)}
.pf8-post{color:inherit;text-decoration:none}
.pf8-post:hover h2,.pf8-post:hover h3{color:var(--link)}
.pf8-post h2,.pf8-post h3{transition:color .2s ease}
.pf8-read{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--link)}
.pf8-chips{display:flex;flex-wrap:wrap;gap:8px}
.pf8-chip2{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:999px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500;color:var(--text2);text-decoration:none;white-space:nowrap}
.pf8-chip2.on{background:var(--text);color:var(--bg);box-shadow:none}
.pf8-search{display:flex;align-items:center;gap:10px;height:44px;width:300px;padding:0 14px;border-radius:12px;background:var(--input);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text3);font-size:15px}
.pf8-pag{display:flex;align-items:center;gap:6px;font-size:15px}
.pf8-pag a,.pf8-pag span{min-width:42px;height:42px;padding:0 12px;border-radius:10px;display:inline-grid;place-items:center;text-decoration:none;color:var(--text2);box-shadow:inset 0 0 0 1px var(--line)}
.pf8-pag .on{background:var(--brand);color:#fff;box-shadow:none}
.pfb-row{display:grid;grid-template-columns:400px minmax(0, 1fr);gap:44px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}
.pfb-row h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:27px;line-height:1.22;letter-spacing:-0.009em;color:var(--text);text-wrap:balance}
.pfb-row p{margin:0;font-size:17px;line-height:1.6;color:var(--text3)}
.pfb-feat{grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:52px;padding-top:12px;border-top:none}
.pfb-feat h2{font-size:clamp(30px, 3vw, 40px);font-weight:800}
.pfb2{display:grid;grid-template-columns:minmax(0, 640px) minmax(0, 1fr);gap:64px}
.pfb2-row{display:grid;grid-template-columns:104px minmax(0, 1fr);gap:24px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}
.pfb2-row h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:22px;line-height:1.28;letter-spacing:-0.007em;color:var(--text)}
.pfb2-row p{margin:0;font-size:16px;line-height:1.58;color:var(--text3)}
.pfb2-rail{position:relative}
.pfb2-desk{position:sticky;top:120px;height:720px}
.pfb2-card{position:absolute;width:760px;transform-origin:30% 50%}
.pfb2-tag{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;max-width:80%;padding:8px 14px;border-radius:999px;background:rgba(5,8,15,0.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(130,195,255,0.3);color:#eaf4ff;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfb-card{display:flex;flex-direction:column;gap:14px}
.pfb-card h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-0.007em;color:var(--text)}
.pfb-card p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pfc-sw{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pfc-sw i{width:44px;height:44px;border-radius:10px;display:block}
.pfc-code{margin:0;padding:18px 20px;border-radius:14px;background:#070c18;box-shadow:inset 0 0 0 1px rgba(130,195,255,0.18);color:#cfe3ff;font-family:'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:13.5px;line-height:1.65;white-space:pre-wrap}
.pfc-code b{color:#7fd3ff;font-weight:500}
.pfc-li{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.55;color:var(--text2)}
.pf8-bf{display:none}
.pf8-bf.is-on{display:block}
.pf8-bfbar{position:relative;z-index:60;background:linear-gradient(90deg, #0a0805 0%, #1b1409 50%, #0a0805 100%);border-bottom:1px solid rgba(232,190,110,0.38);box-shadow:0 1px 0 rgba(0,0,0,0.6), 0 12px 40px -18px rgba(232,170,60,0.45);color:#f6efe2}
.pf8-bfin{width:min(1240px, 100% - 32px);margin:0 auto;height:64px;display:flex;align-items:center;gap:16px}
.pf8-seal{display:block;flex:none;width:56px;height:56px;margin:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55)) drop-shadow(0 0 18px rgba(240,190,90,0.35))}
.pf8-gold{background:linear-gradient(100deg, #b98a2e 0%, #f7dc95 30%, #fff3cf 45%, #e2b65a 60%, #b98a2e 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.pf8-bft{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:21px;letter-spacing:-0.01em;white-space:nowrap}
.pf8-bfs{font-size:14.5px;font-weight:600;color:#f6efe2;white-space:nowrap}
.pf8-bfo{font-size:13.5px;color:rgba(246,239,226,0.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf8-bfcta{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg, #f7d98a, #d39b35);color:#1b1205 !important;font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55), 0 0 0 1px rgba(255,214,130,0.55), 0 8px 24px -8px rgba(240,180,70,0.7)}
.pf8-bfx{width:34px;height:34px;flex:none;display:grid;place-items:center;border:none;border-radius:999px;background:transparent;color:rgba(246,239,226,0.7);cursor:pointer}
.pf8-bfx:hover{background:rgba(255,255,255,0.08);color:#fff}
.pf8-bfcard{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:26px 32px;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%, #2a1f0d 0%, #0b0906 55%);box-shadow:inset 0 0 0 1px rgba(232,190,110,0.4), 0 30px 70px -36px rgba(240,170,60,0.6);color:#f6efe2}
.pf8-bfcard .pf8-seal{width:120px;height:120px;margin:0}
.pf8-toast{position:relative;width:360px;padding:20px 20px 20px 18px;border-radius:20px;display:flex;gap:16px;align-items:flex-start;background:linear-gradient(160deg, #1d160a, #0a0805);box-shadow:inset 0 0 0 1px rgba(232,190,110,0.42), 0 24px 60px -16px rgba(0,0,0,0.7), 0 0 50px -16px rgba(240,170,60,0.5);color:#f6efe2}
.pf8-toast .pf8-seal{width:76px;height:76px;margin:0}
@media (prefers-reduced-motion: no-preference){@keyframes pf8-goldsheen{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}.pf8-gold{animation:pf8-goldsheen 5s ease-in-out infinite}}
@media (max-width: 1100px){.pfb2{grid-template-columns:minmax(0, 1fr)}.pfb2-rail{display:none}}
@media (max-width: 900px){.pf8-bfo{display:none}}
@media (max-width: 860px){.pfb-row,.pfb-feat{grid-template-columns:minmax(0, 1fr);gap:20px}.pf8-search{width:100%}}
@media (max-width: 640px){.pf8-bfs{display:none}.pf8-seal{width:46px;height:46px}.pf8-bft{font-size:18px}.pf8-bfin{gap:10px;height:56px}.pfb2-row{grid-template-columns:72px minmax(0, 1fr);gap:16px}.pf8-bfcard{flex-direction:column;align-items:flex-start}}
.pf8-crop.pf7-mods{margin:0}
.pf8-win .pfa-x{box-shadow:none}
.pf8-intro{position:relative;z-index:1;padding:132px 0 10px}
.pf7-off{display:none !important}
@media (max-width: 767px){.pf8-intro{padding-top:96px}}
.pf7.theme-light{--bg:#ffffff;--bg-top:#ffffff;--text:#141518;--text2:#3D4552;--text3:#5B6472;
--line:#E8EDF3;--line2:#D9E1EB;--surface:#F7FAFD;--surface2:#F1F5F9;--solid:#ffffff;
--head1:#141518;--head2:#141518;--accent-text:#1E72E0;--link:#1E72E0;
--glow:rgba(0,150,255,0.34);--glow-soft:rgba(0,150,255,0.14);--pool:rgba(0,150,255,0);
--card-shadow:0 0 0 0 transparent;--buy-bg:#141518;--buy-ink:#ffffff;--input:#ffffff;
--page:linear-gradient(180deg, #ffffff 0px, #F4F8FD 380px, #ffffff 900px);
--hero-bg:linear-gradient(180deg, #FFFFFF 0%, #F6F9FD 34%, #E7EFF9 72%, #FFFFFF 100%);
--card-bg:linear-gradient(180deg, #F7FAFD 0%, #EEF3FA 100%);--card-line:#E3E8EF;--card-line2:#D5DEEA;
--blob1:rgba(30,114,224,0.20);--blob2:rgba(0,166,214,0.16);--ringc:rgba(30,114,224,0.35);
--g-body:linear-gradient(180deg, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0.46) 100%);--g-filter:blur(24px) saturate(2) brightness(1.05);
--g-shadow:inset 0 1px 0 rgba(255,255,255,0.95), inset 0 0 0 1px rgba(255,255,255,0.55), inset 0 12px 14px -12px rgba(255,255,255,0.9), inset 0 -12px 18px -12px rgba(30,114,224,0.22), 0 1px 2px rgba(16,24,40,0.08), 0 16px 36px -14px rgba(16,24,40,0.30);
--g-rim:linear-gradient(115deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 26%, rgba(255,255,255,0.05) 55%, rgba(120,190,255,0.8) 80%, rgba(255,255,255,0.95) 100%);
--g-sheen:rgba(255,255,255,0.65);--g-hover:rgba(20,21,24,0.06);--g-cur:rgba(20,21,24,0.08)}
.pf7.theme-dark{--head1:#F4F8FF;--head2:#F4F8FF;
--hero-bg:radial-gradient(1200px 700px at 50% -120px, rgba(0,110,255,0.20), transparent 70%), linear-gradient(180deg, #05080f 0%, #081226 62%, #05080f 100%);
--card-bg:linear-gradient(180deg, rgba(130,195,255,0.055) 0%, rgba(130,195,255,0.025) 100%);--card-line:rgba(130,195,255,0.14);--card-line2:rgba(130,195,255,0.28);
--blob1:rgba(30,114,224,0.34);--blob2:rgba(0,166,214,0.22);--ringc:rgba(110,190,255,0.35);
--g-body:linear-gradient(180deg, rgba(30,37,56,0.80) 0%, rgba(10,14,24,0.68) 100%);--g-filter:blur(24px) saturate(1.8) brightness(0.8);
--g-shadow:inset 0 1px 0 rgba(255,255,255,0.26), inset 0 0 0 1px rgba(255,255,255,0.10), inset 0 12px 14px -12px rgba(255,255,255,0.16), inset 0 -12px 18px -12px rgba(0,150,255,0.35), 0 1px 2px rgba(0,0,0,0.4), 0 18px 40px -14px rgba(0,0,0,0.7);
--g-rim:linear-gradient(115deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.10) 26%, rgba(255,255,255,0.03) 55%, rgba(0,170,255,0.75) 80%, rgba(255,255,255,0.6) 100%);
--g-sheen:rgba(255,255,255,0.22);--g-hover:rgba(255,255,255,0.08);--g-cur:rgba(255,255,255,0.12)}
.theme-light .pf7-gridbg,.theme-light .pf7-spot{display:none}
.pf7.theme-dark .pf7-sun{display:none}
.pf7.theme-dark .pf7-moon{display:block}
.pf7 .pf7-grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text)}
.pf7 .pf7-bar{display:none}
.pf7 .pf7-h2{font-size:clamp(34px, 4.4vw, 56px);line-height:1.05;letter-spacing:-0.018em}
.pf7 .pf7-label{font-family:'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:13px;font-weight:600;letter-spacing:0.08em}
.pf7 .pf7-lead{color:var(--text2)}
.pf7 .pf7-sec{padding-top:124px}
.pf7 .pf7-btn{border-radius:12px;min-height:48px;font-weight:600;font-size:16px}
.pf7 .pf7-btn-sm{border-radius:10px;min-height:38px;padding:0 16px;font-size:14px}
.pf7 .pf7-dl{background:#1E72E0;box-shadow:none}
.pf7 .pf7-dl:hover{filter:none;background:#1863C7;box-shadow:0 14px 28px -14px rgba(30,114,224,0.9)}
.pf7.theme-dark .pf7-dl{box-shadow:inset 0 1px 0 rgba(255,255,255,0.28), 0 10px 30px -10px rgba(0,150,255,0.65)}
.pf7 .pf7-buy{box-shadow:none}
.pf7.theme-light .pf7-buy:hover{filter:none;background:#2B2D33;box-shadow:0 14px 28px -14px rgba(20,21,24,0.7)}
.pf7 .pf7-ghost{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.pf7 .pf7-term{border-radius:12px}
.pf7 .pf7-card{border-radius:26px;background:var(--card-bg);box-shadow:0 0 0 1px var(--card-line);transition:translate .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease}
.pf7 .pf7-card:hover{translate:0 -6px;box-shadow:0 0 0 1px var(--card-line2), 0 34px 60px -34px rgba(16,24,40,0.4)}
.pf7.theme-light .pf7-card::before{display:none}
.pf7.theme-light .pf7-feat{background:linear-gradient(180deg, #E9F2FE 0%, #F7FAFD 70%);box-shadow:0 0 0 2px #1E72E0, 0 34px 60px -34px rgba(30,114,224,0.55)}
.pf7 .pf7-icon{border-radius:12px;background:#1E72E0;color:#ffffff;box-shadow:none}
.pf7 .pf7-pending{border-radius:26px}
.pf7 .pf8-cv{border-radius:18px}
.pf7 .pf8-chip2{border-radius:10px}
.pf7 .pf8-search{border-radius:12px}
.pf7 .n10{position:sticky;top:0;z-index:60;height:72px;pointer-events:none}
.pf7 .n10-bar{pointer-events:auto;position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;box-sizing:border-box;
  width:min(1160px, 100% - 40px);height:64px;margin:0 auto;padding:0 4px;border-radius:24px;translate:0 4px;
  transition:width .6s cubic-bezier(.3,1.25,.4,1), height .5s cubic-bezier(.3,1.25,.4,1), padding .5s cubic-bezier(.3,1.25,.4,1), border-radius .5s ease, translate .5s cubic-bezier(.3,1.25,.4,1)}
.pf7 .n10-bar::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .4s ease;
  background:var(--g-body);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);box-shadow:var(--g-shadow)}
.pf7 .n10-bar::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;padding:1.2px;background:var(--g-rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude}
.pf7 .n10-sheen{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease}
.pf7 .n10-sheen::before{content:"";position:absolute;inset:-40% 0;background:linear-gradient(100deg, transparent 38%, var(--g-sheen) 49%, transparent 60%);background-size:260% 100%;background-position:120% 0;mix-blend-mode:soft-light}
.pf7 .n10.is-scrolled .n10-bar{width:min(1040px, 100% - 24px);height:56px;padding:0 9px 0 16px;border-radius:999px;translate:0 10px}
.pf7 .n10.is-scrolled .n10-bar::before,.pf7 .n10.is-scrolled .n10-bar::after,.pf7 .n10.is-scrolled .n10-sheen{opacity:1}
.pf7 .n10-brand{display:flex;align-items:center;gap:10px;flex:none;color:var(--text);text-decoration:none}
.pf7 .n10-brand img{display:block;width:32px;height:32px}
.pf7 .n10-brand b{font-weight:700;font-size:17px;letter-spacing:-0.01em}
.pf7 .n10-links{display:flex;gap:2px;margin:0 auto}
.pf7 .n10-links a{padding:8px 12px;border-radius:999px;color:var(--text2) !important;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease, background-color .2s ease}
.pf7 .n10-links a:hover{color:var(--text) !important;background:var(--g-hover)}
.pf7 .n10-links a[aria-current="page"]{color:var(--text) !important;background:var(--g-cur)}
.pf7 .n10-links a:focus-visible,.pf7 .n10-brand:focus-visible{outline:3px solid #1E72E0;outline-offset:3px}
.pf7 .n10-act{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.n10 .pf7-iconbtn{width:36px;height:36px}
.pf7 .n10-flag{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;transition:background-color .2s ease, scale .2s ease}
.pf7 .n10-flag:hover{background:var(--g-hover);scale:1.06}
.pf7 .n10-flag:focus-visible{outline:3px solid #1E72E0;outline-offset:2px}
.n10 .pf7-btn-sm{min-height:36px;height:36px;border-radius:12px;transition:border-radius .5s ease, translate .25s ease, box-shadow .25s ease, background-color .2s ease}
.n10.is-scrolled .pf7-btn-sm{border-radius:999px}
.n10 .pf7-mpanel.is-open{pointer-events:auto;position:absolute;left:12px;right:12px;top:76px;width:auto;margin:0;padding:10px 18px 18px;border-radius:26px;background:var(--g-body);-webkit-backdrop-filter:blur(26px) saturate(2);backdrop-filter:blur(26px) saturate(2);box-shadow:var(--g-shadow)}
@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){@keyframes pf11-n10-sheen{from{background-position:120% 0}to{background-position:-120% 0}}.pf7 .n10-sheen::before{animation:pf11-n10-sheen linear both;animation-timeline:scroll(root block);animation-range:0px 2600px;animation-iteration-count:1}}}
@media (prefers-reduced-motion: reduce){.pf7 .n10-bar,.pf7 .n10-bar::before,.pf7 .n10-bar::after{transition:none}}
.pf7 .h10{position:relative;isolation:isolate;z-index:1;margin-top:-72px;padding:140px 0 20px;background:var(--hero-bg)}
.pf7 .h10-blob{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.pf7 .h10-grid{display:grid;grid-template-columns:264px 544.5px;column-gap:40px;justify-content:center;align-items:start;padding:0 20px}
.pf7 .h10-iconw{grid-column:1;grid-row:1 / span 2;position:relative;width:264px;height:264px;margin-top:6.25px}
.pf7 .h10-glow{position:absolute;left:50%;top:50%;width:170%;height:170%;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, var(--glow) 0%, var(--glow-soft) 40%, transparent 68%);opacity:.55}
.pf7 .h10-icon{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 16px 26px rgba(30,114,224,0.22))}
.pf7 .h10-badge{position:absolute;right:-16px;bottom:-12px;width:38%;height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(16,24,40,0.32))}
.pf7 .h10-title{grid-column:2;grid-row:1;min-width:0}
.pf7 .h10-body{grid-column:2;grid-row:2;min-width:0}
.pf7 .h10-h1{margin:0 0 0 -7.5px;font-family:'ct-shell Sora', -apple-system, system-ui, sans-serif;font-weight:800;font-size:100px;line-height:100px;letter-spacing:-0.016em;color:var(--text);white-space:nowrap}
.pf7 .h10-slogan{margin:3.75px 0 0 -0.25px;font-family:'ct-shell Sora', -apple-system, system-ui, sans-serif;font-weight:800;font-size:24.57px;line-height:24.5px;letter-spacing:-0.009em;color:var(--accent-text);white-space:nowrap}
.pf7 .h10-intro{margin:14.25px 0 0 -1.75px;font-size:19px;line-height:29px;color:var(--text2)}
.pf7 .h10-ctas{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 12px;width:544.5px;max-width:100%;margin-top:22px}
.h10-ctas .pf7-btn{height:48px;min-height:48px;width:100%}
.pf7 .h10-trial{grid-column:1;margin:0;text-align:center;font-size:13.5px;line-height:19px;color:var(--text3)}
.h10 .pf7-stage{margin-top:44px;width:min(1194px, 100% + 40px)}
.theme-light .h10 .pf7-beam{opacity:.55}
.theme-light .h10 .pf7-frame{box-shadow:0 0 0 1px rgba(30,114,224,0.10), 0 0 60px -10px var(--glow)}
.pf7 .c10{position:relative;overflow:hidden;isolation:isolate;border-radius:36px;background:var(--card-bg);box-shadow:0 0 0 1px var(--card-line);padding:96px 48px;display:flex;flex-direction:column;align-items:center;text-align:center}
.pf7 .theme-light .c10{background:linear-gradient(180deg, #F6F9FD 0%, #E4EDF9 100%)}
.pf7 .c10-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed var(--ringc);translate:-50% -50%;pointer-events:none}
.pf7 .c10-h{position:relative;margin:28px 0 0;max-width:760px;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:56px;line-height:1.04;letter-spacing:-0.018em;color:var(--text);text-wrap:balance}
.pf7 .w10{border-radius:26px;background:var(--card-bg);box-shadow:0 0 0 1px var(--card-line);padding:32px;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 440px);gap:24px 48px;align-items:center}
.pf7 .f10 a{color:var(--text2);text-decoration:none}
.pf7 .f10 a:hover{color:var(--text)}
@media (prefers-reduced-motion: no-preference){@keyframes pf11-h10-pop{0%{opacity:0;transform:scale(.6) rotate(-18deg)}60%{opacity:1;transform:scale(1.04) rotate(3deg)}100%{opacity:1;transform:none}}@keyframes pf11-h10-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes pf11-h10-glow{0%,100%{opacity:.4;scale:1}50%{opacity:.7;scale:1.08}}@keyframes pf11-h10-drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,40px) scale(1.15)}}@keyframes pf11-h10-drift2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-90px,-30px) scale(.95)}}@keyframes pf11-h10-badge{0%,70%{opacity:0;scale:.4;rotate:-40deg}100%{opacity:1;scale:1;rotate:0deg}}@keyframes pf11-c10-spin{to{rotate:360deg}}.pf7 .h10-iconw{animation:pf11-h10-pop 1.1s cubic-bezier(.2,.8,.2,1) both}.pf7 .h10-icon{animation:pf11-h10-float 6s ease-in-out 1.2s infinite}.pf7 .h10-glow{animation:pf11-h10-glow 5s ease-in-out infinite}.pf7 .h10-badge{animation:pf11-h10-badge 1.5s cubic-bezier(.2,1.2,.3,1) both}.pf7 .h10-b1{animation:pf11-h10-drift1 18s ease-in-out infinite}.pf7 .h10-b2{animation:pf11-h10-drift2 22s ease-in-out infinite}.pf7 .c10-ring{animation:pf11-c10-spin 40s linear infinite}.pf7 .c10-float{animation:pf11-h10-float 6s ease-in-out 1.2s infinite}}
@media (max-width: 1100px){.pf7 .n10-links{display:none}.pf7 .h10-grid{zoom:.75}}
@media (max-width: 900px){.pf7 .w10{grid-template-columns:minmax(0, 1fr)}}
@media (max-width: 700px){.pf7 .n10-bar{width:calc(100% - 24px);padding:0 2px}.pf7 .n10.is-scrolled .n10-bar{width:calc(100% - 16px);padding:0 8px 0 14px}.pf7 .h10{padding-top:108px}.pf7 .h10-grid{zoom:1;grid-template-columns:76px minmax(0, 1fr);column-gap:14px;padding:0 24px}.pf7 .h10-iconw{width:76px;height:76px;margin-top:2px;grid-row:1}.pf7 .h10-badge{display:none}.pf7 .h10-body{grid-column:1 / -1;margin-top:24px}.pf7 .h10-h1{font-size:36px;line-height:36px;margin-left:-2.7px}.pf7 .h10-slogan{font-size:16px;line-height:20px;white-space:normal;max-width:220px;margin-top:6px}.pf7 .h10-intro{font-size:17px;line-height:27px;margin:0 0 0 -1.5px}.pf7 .h10-ctas{width:100%}.h10 .pf7-stage{width:calc(100% + 120px);margin-left:-60px}.pf7 .c10{padding:64px 24px;border-radius:28px}.pf7 .c10-h{font-size:34px}.pf7 .w10{padding:24px}}
.pf7 .tone-dark{--bg:#05080f;--bg-top:#08101f;--text:#eaf4ff;--text2:#c7d3ea;--text3:#97a3b8;
--line:rgba(130,195,255,0.12);--line2:rgba(130,195,255,0.24);
--surface:rgba(130,195,255,0.035);--surface2:rgba(130,195,255,0.07);--solid:#0a1222;
--head1:#f4faff;--head2:#8fd0ff;--accent-text:#6fcfff;--link:#6fcfff;
--brand:#1E72E0;--brand2:#0096FF;--brand3:#00BEFF;
--glow:rgba(0,150,255,0.64);--glow-soft:rgba(0,125,255,0.30);--pool:rgba(0,140,255,0.28);
--card-shadow:0 24px 40px -24px rgba(0,0,0,0.75);
--win-shadow:0 0 0 1px rgba(130,195,255,0.30), 0 30px 60px rgba(0,0,0,0.55), 0 60px 160px -40px rgba(0,120,255,0.65);
--grid:rgba(130,195,255,0.07);--spot:1;
--buy-bg:#f4faff;--buy-ink:#07101f;--buy-ring:rgba(255,255,255,0.2);
--hl-sub:rgba(150,112,255,0.36);--hl-lic:rgba(40,150,255,0.34);--hl-sub-ring:rgba(178,150,255,0.6);--hl-lic-ring:rgba(110,190,255,0.6);--hl-sub-ink:#f4eeff;--hl-lic-ink:#e8f5ff;
--input:rgba(160,200,245,0.06);--nav-bg:rgba(5,8,15,0.72);
--pending:rgba(130,195,255,0.28);--sheen:rgba(255,255,255,0.85);
--page:radial-gradient(1200px 700px at 50% -120px, rgba(0,110,255,0.16), transparent 70%), #05080f;
color-scheme:dark;--a-win:#1e1f23;--a-tool:#2a2b30;--a-side:#24252a;--a-pane:#1c1d21;--a-row:rgba(255,255,255,0.035);--a-line:rgba(255,255,255,0.085);
--a-text:#ececef;--a-text2:#a3a4ab;--a-text3:#71727a;--a-ctl:rgba(255,255,255,0.075);--a-ctl2:rgba(255,255,255,0.12);
--a-sel:#0a64d6;--a-selsoft:rgba(70,135,235,0.28);--a-path:rgba(255,255,255,0.06);
--a-f1:#4aa2f4;--a-f2:#2a7fdd;--a-doc:#34353b;--a-docline:#55565e;
--a-term:#141518;--a-tt:#d4d5da;--a-dir:#6cb6ff;--a-lnk:#e08cff;--a-ok:#7ee787;
--a-menu:rgba(44,45,50,0.94);--a-menuline:rgba(255,255,255,0.09);
--syn-tag:#ff7ab2;--syn-attr:#d9c97c;--syn-str:#ff8170;--syn-txt:#e4e4e6;--syn-pun:#8e8f96;--syn-doc:#b281eb;
--a-wshadow:0 0 0 1px rgba(255,255,255,0.10), 0 30px 60px rgba(0,0,0,0.55), 0 60px 160px -40px rgba(0,120,255,0.55);--head1:#F4F8FF;--head2:#F4F8FF;
--hero-bg:radial-gradient(1200px 700px at 50% -120px, rgba(0,110,255,0.20), transparent 70%), linear-gradient(180deg, #05080f 0%, #081226 62%, #05080f 100%);
--card-bg:linear-gradient(180deg, rgba(130,195,255,0.055) 0%, rgba(130,195,255,0.025) 100%);--card-line:rgba(130,195,255,0.14);--card-line2:rgba(130,195,255,0.28);
--blob1:rgba(30,114,224,0.34);--blob2:rgba(0,166,214,0.22);--ringc:rgba(110,190,255,0.35);
--g-body:linear-gradient(180deg, rgba(30,37,56,0.80) 0%, rgba(10,14,24,0.68) 100%);--g-filter:blur(24px) saturate(1.8) brightness(0.8);
--g-shadow:inset 0 1px 0 rgba(255,255,255,0.26), inset 0 0 0 1px rgba(255,255,255,0.10), inset 0 12px 14px -12px rgba(255,255,255,0.16), inset 0 -12px 18px -12px rgba(0,150,255,0.35), 0 1px 2px rgba(0,0,0,0.4), 0 18px 40px -14px rgba(0,0,0,0.7);
--g-rim:linear-gradient(115deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.10) 26%, rgba(255,255,255,0.03) 55%, rgba(0,170,255,0.75) 80%, rgba(255,255,255,0.6) 100%);
--g-sheen:rgba(255,255,255,0.22);--g-hover:rgba(255,255,255,0.08);--g-cur:rgba(255,255,255,0.12)}
.pf7{interpolate-size:allow-keywords;--spot-c:rgba(0,170,255,0.20)}
.pf7.theme-light{--spot-c:rgba(30,114,224,0.13)}
.pf7 .tone-dark{--spot-c:rgba(0,170,255,0.20)}
.pf7 .s11-stage{position:relative;z-index:1;margin-top:84px;padding-bottom:56px;color:var(--text2);
  background:radial-gradient(1200px 700px at 50% -140px, rgba(0,110,255,0.24), transparent 70%), radial-gradient(900px 600px at 50% 101%, rgba(0,110,255,0.14), transparent 70%), #05080f;
  clip-path:inset(0 round 56px)}
.pf7 .theme-dark .s11-stage{background:radial-gradient(1200px 700px at 50% -140px, rgba(0,110,255,0.20), transparent 70%), #070c18;box-shadow:inset 0 0 0 1px rgba(130,195,255,0.14);border-radius:56px}
.pf7 .tone-dark .pf7-gridbg,.pf7 .tone-dark .pf7-spot{display:block}
.pf7 .tone-dark .pf8-card{background:rgba(7,13,28,0.80);box-shadow:inset 0 0 0 1px rgba(130,195,255,0.28), inset 0 1px 0 rgba(255,255,255,0.10), 0 24px 60px -20px rgba(0,0,0,0.7), 0 0 60px -20px var(--glow)}
.pf7 .tone-dark .pfa-si svg{color:#4a9bf5}
.s11-stage .pf8-intro{padding-top:120px}
.pf7 .s11-light{display:none}
@media (hover: hover){.pf7 .is-scroll .s11-light{display:block;position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:4;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(460px circle at var(--mx, 50%) var(--my, 30%), rgba(70,170,255,0.16), transparent 62%)}}
.pf7 .tone-dark .pf7-grad{background:linear-gradient(180deg, #f4faff 0%, #8fd0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.is-scroll .s11-stage .pf8-bc{bottom:78px}
.pf7 .s11-dock{display:none}
.pf7 .is-scroll .s11-dock{display:flex;position:sticky;bottom:16px;z-index:6;width:max-content;margin:-58px auto 0;padding:6px;gap:2px;align-items:center;border-radius:999px;
  background:linear-gradient(180deg, rgba(38,46,66,0.66), rgba(14,18,30,0.52));-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.22), inset 0 0 0 1px rgba(255,255,255,0.10), 0 16px 40px -14px rgba(0,0,0,0.7)}
.pf7 .d11{display:flex;align-items:center;gap:0;height:30px;padding:0 9px;border-radius:999px;color:#eaf4ff !important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .35s ease, padding .45s cubic-bezier(.3,1.2,.4,1)}
.pf7 .d11 i{width:8px;height:8px;border-radius:999px;background:rgba(190,220,255,0.38);display:block;transition:background-color .3s ease, box-shadow .3s ease, scale .3s ease}
.pf7 .d11 span{max-width:0;opacity:0;overflow:hidden;transition:max-width .5s cubic-bezier(.3,1.2,.4,1), opacity .3s ease, margin .5s ease}
.pf7 .d11:hover i{background:#bfe6ff;scale:1.25}
.pf7 .d11.is-on{background:rgba(0,150,255,0.26);padding:0 14px 0 11px;box-shadow:inset 0 0 0 1px rgba(110,200,255,0.5)}
.pf7 .d11.is-on i{background:#00BEFF;box-shadow:0 0 10px rgba(0,190,255,0.9)}
.pf7 .d11.is-on span{max-width:160px;opacity:1;margin-left:8px}
.pf7 .d11:focus-visible{outline:3px solid #00BEFF;outline-offset:2px}
.pf7 .pf7-card:not(.pf7-feat)::after,.pf7 .c10::after,.pf7 .w10::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(440px circle at var(--px, 50%) var(--py, 0%), var(--spot-c), transparent 62%)}
.pf7 .pf7-card:not(.pf7-feat):hover::after,.pf7 .c10:hover::after,.pf7 .w10:hover::after{opacity:1}
.pf7 .w10{position:relative;isolation:isolate;overflow:hidden}
.pf7 .h11-persp{perspective:2000px}
.pf7 .h11-tilt{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
.pf7 .n10-prog{position:absolute;left:26px;right:26px;bottom:0;height:2px;border-radius:2px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease}
.pf7 .n10.is-scrolled .n10-prog{opacity:1}
.pf7 .n10-prog::before{content:"";position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg, #1E72E0, #00BEFF);transform-origin:0 50%;transform:scaleX(0)}
.pf7 .pf7-buy::after,.pf7 .pf7-ghost::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.30) 50%, transparent 70%);translate:-130% 0;transition:translate .7s ease}
.pf7 .pf7-buy:hover::after,.pf7 .pf7-ghost:hover::after{translate:130% 0}
.pf7-acc details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .5s cubic-bezier(.2,.8,.2,1), opacity .35s ease, content-visibility .5s allow-discrete}
.pf7-acc details[open]::details-content{block-size:auto;opacity:1}
.pf7 .pf7-panel{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;opacity:0;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1), opacity .35s ease, visibility 0s .5s}
.pf7 .pf7-panel.is-open{grid-template-rows:1fr;visibility:visible;opacity:1;transition-delay:0s}
.pf7 .pf7-panel > *{min-height:0;overflow:hidden}
.pf7 .pf7-panel > .pf7-ans{padding-bottom:0}
.pf7 .pf7-panel > .pf7-ans > :last-child{margin-bottom:26px}
.c10 .pf8-emb{margin:10px auto 6px}
@keyframes pf11-v11-reveal{from{clip-path:circle(0px at var(--vt-x, 90%) var(--vt-y, 40px))}to{clip-path:circle(var(--vt-r, 150vmax) at var(--vt-x, 90%) var(--vt-y, 40px))}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){@keyframes pf11-s11-open{entry 0%{clip-path:inset(0 7% round 72px)}entry 85%{clip-path:inset(0 0 round 56px)}exit 15%{clip-path:inset(0 0 round 56px)}exit 100%{clip-path:inset(0 7% round 72px)}}.pf7 .s11-stage{animation:pf11-s11-open linear both;animation-timeline:view();}@keyframes pf11-h11-flat{from{transform:perspective(2000px) rotateX(15deg) scale(.95)}to{transform:none}}.pf7 .h11-scroll{animation:pf11-h11-flat linear both;animation-timeline:view();animation-range:entry 35% cover 48%;transform-origin:50% 100%}@keyframes pf11-n10-prog{to{transform:scaleX(1)}}.pf7 .n10-prog::before{animation:pf11-n10-prog linear both;animation-timeline:scroll(root block)}}@media (prefers-reduced-motion: no-preference) and (min-width: 768px){@keyframes pf11-s11-leave{from{opacity:1;scale:1;filter:brightness(1)}to{opacity:.2;scale:.93;filter:brightness(.7)}}.pf8-stick{animation:pf11-s11-leave linear both;animation-timeline:--pf8s;animation-range:exit 5% exit 95%;transform-origin:50% 30%}}}
@media (max-width: 1279px){.pf7 .is-scroll .s11-dock{display:none}.is-scroll .s11-stage .pf8-bc{bottom:24px}}
@media (max-width: 700px){.pf7 .s11-stage{margin-top:56px;clip-path:inset(0 round 32px)}.pf7 .theme-dark .s11-stage{border-radius:32px}.s11-stage .pf8-intro{padding-top:84px}}
.pf7.theme-dark{--bg:#04060c;--bg-top:#04060c;--page:#04060c;--text:#f3f7ff;--text2:#c5cfe2;--text3:#8f9bb3;--line:rgba(160,190,255,0.10);--line2:rgba(160,190,255,0.20);--surface:rgba(255,255,255,0.04);--surface2:rgba(255,255,255,0.07);--solid:#0a0f1c;--head1:#ffffff;--head2:#9fd4ff;--accent-text:#6fcfff;--link:#7cc8ff;--card-bg:linear-gradient(180deg, rgba(255,255,255,0.065) 0%, rgba(255,255,255,0.02) 100%);--card-line:rgba(160,190,255,0.14);--card-line2:rgba(150,205,255,0.36);--card-hi:rgba(255,255,255,0.10);--card-sh:rgba(0,0,0,0.85);--buy-bg:#ffffff;--buy-ink:#0a0f1c;--input:rgba(255,255,255,0.06);--hero-bg:none;--glow:rgba(0,150,255,0.62);--glow-soft:rgba(0,130,255,0.30);--grid:rgba(150,190,255,0.06);--beam-o:.6;--ao1:.30;--ao2:.15;--ao3:.18;--ao4:.09;--g1:#8fd8ff;--g2:#5aa8ff;--g3:#7fe3ff;--word:rgba(255,255,255,0.12);--vio:#a78bfa;--blu:#4aa8ff;--nsheen:rgba(255,255,255,0.92);--gold-1:#ffeeb0;--gold-2:#f1c355;--gold-3:#cf9426;--gold-go:#f6d27a;color-scheme:dark}
.pf7.theme-light{--bg:#f4f6fb;--bg-top:#f7f9fd;--page:linear-gradient(180deg, #f8fafe 0%, #eef2f9 100%);--text:#0d1117;--text2:#39424f;--text3:#5b6676;--line:rgba(15,30,60,0.09);--line2:rgba(15,30,60,0.15);--surface:rgba(255,255,255,0.72);--surface2:rgba(15,30,60,0.05);--solid:#ffffff;--head1:#0d1117;--head2:#27498c;--accent-text:#1E72E0;--link:#1E72E0;--card-bg:linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.62) 100%);--card-line:rgba(15,30,60,0.08);--card-line2:rgba(30,114,224,0.34);--card-hi:#ffffff;--card-sh:rgba(20,40,90,0.30);--buy-bg:#0d1117;--buy-ink:#ffffff;--input:#ffffff;--hero-bg:none;--glow:rgba(0,150,255,0.40);--glow-soft:rgba(0,150,255,0.16);--grid:rgba(30,80,180,0.07);--beam-o:.0;--ao1:.17;--ao2:.13;--ao3:.11;--ao4:.08;--g1:#1E72E0;--g2:#0096FF;--g3:#00a8e8;--word:rgba(13,17,23,0.09);--vio:#7c5cf0;--blu:#1E72E0;--nsheen:rgba(0,160,255,0.95);--gold-1:#9a6c08;--gold-2:#8a5d00;--gold-3:#6f4a00;--gold-go:#7a5200;color-scheme:light}
.pf7 .tone-dark{--bg:#04060c;--bg-top:#04060c;--page:#04060c;--text:#f3f7ff;--text2:#c5cfe2;--text3:#8f9bb3;--line:rgba(160,190,255,0.10);--line2:rgba(160,190,255,0.20);--surface:rgba(255,255,255,0.04);--surface2:rgba(255,255,255,0.07);--solid:#0a0f1c;--head1:#ffffff;--head2:#9fd4ff;--accent-text:#6fcfff;--link:#7cc8ff;--card-bg:linear-gradient(180deg, rgba(255,255,255,0.065) 0%, rgba(255,255,255,0.02) 100%);--card-line:rgba(160,190,255,0.14);--card-line2:rgba(150,205,255,0.36);--card-hi:rgba(255,255,255,0.10);--card-sh:rgba(0,0,0,0.85);--buy-bg:#ffffff;--buy-ink:#0a0f1c;--input:rgba(255,255,255,0.06);--hero-bg:none;--glow:rgba(0,150,255,0.62);--glow-soft:rgba(0,130,255,0.30);--grid:rgba(150,190,255,0.06);--beam-o:.6;--ao1:.30;--ao2:.15;--ao3:.18;--ao4:.09;--g1:#8fd8ff;--g2:#5aa8ff;--g3:#7fe3ff;--word:rgba(255,255,255,0.12);--vio:#a78bfa;--blu:#4aa8ff;--nsheen:rgba(255,255,255,0.92);--gold-1:#ffeeb0;--gold-2:#f1c355;--gold-3:#cf9426;--gold-go:#f6d27a;color-scheme:dark}
.pf7{--au1:#1E72E0;--au2:#2aa9f0;--au3:#2f6fd8;--au4:#3cc3e6}
.pf7 > .pf7-gridbg,.pf7 > .pf7-spot{display:none !important}
.pf7 .pf7-grad{background:linear-gradient(180deg, var(--head1) 25%, var(--head2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7 .pf7-h2{font-size:clamp(34px, 4.6vw, 60px);letter-spacing:-0.02em;padding-bottom:.06em}
.pf7 .pf7-btn{border-radius:14px}
.pf7.theme-dark .pf7-dl,.pf7.theme-light .pf7-dl,.pf7 .tone-dark .pf7-dl{background:linear-gradient(180deg, #4a9dff 0%, #1E72E0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.45), 0 0 0 1px rgba(0,150,255,0.55), 0 14px 36px -10px rgba(0,140,255,0.8)}
.pf7.theme-dark .pf7-dl:hover,.pf7.theme-light .pf7-dl:hover,.pf7 .tone-dark .pf7-dl:hover{background:linear-gradient(180deg, #5aa8ff 0%, #2a7fee 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 0 0 1px rgba(0,190,255,0.85), 0 18px 46px -10px rgba(0,150,255,0.95)}
.pf7 .pf7-buy{box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 12px 30px -14px rgba(0,0,0,0.5)}
.pf7 .pf7-ghost{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--card-hi)}
.pf7 .pf7-card{border-radius:28px;background:var(--card-bg);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 var(--card-hi), 0 0 0 1px var(--card-line), 0 30px 60px -38px var(--card-sh)}
.pf7 .pf7-card:hover{box-shadow:inset 0 1px 0 var(--card-hi), 0 0 0 1px var(--card-line2), 0 40px 70px -36px var(--card-sh), 0 0 60px -24px var(--glow)}
.pf7 .pf7-icon{border-radius:14px;background:linear-gradient(180deg, #4a9dff, #1E72E0);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), 0 10px 22px -10px rgba(0,140,255,0.9)}
.pf7 .pf7-pending{border-radius:28px}
.pf7 .a11{position:absolute;left:0;right:0;top:0;height:var(--ah, 1100px);z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg, #000 60%, transparent);mask-image:linear-gradient(180deg, #000 60%, transparent)}
.pf7 .a11 i{position:absolute;display:block;border-radius:50%;filter:blur(80px)}
.pf7 .a11 .a1{left:4%;top:-14%;width:48%;height:62%;background:var(--au1);opacity:var(--ao1)}
.pf7 .a11 .a2{left:30%;top:24%;width:44%;height:50%;background:var(--au2);opacity:var(--ao2)}
.pf7 .a11 .a3{right:2%;top:-8%;width:40%;height:54%;background:var(--au3);opacity:var(--ao3)}
.pf7 .a11 .a4{right:12%;top:48%;width:26%;height:30%;background:var(--au4);opacity:var(--ao4)}
.pf7 .a11-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:72px 72px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 28%, #000 20%, transparent 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 28%, #000 20%, transparent 100%)}
.pf7 .a11-noise{position:absolute;inset:0;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.pf7 .a11.full{height:100%;-webkit-mask-image:none;mask-image:none}
.pf7 .h11{position:relative;isolation:isolate;z-index:1;margin-top:-72px;padding:150px 0 0}
.pf7 .h11 > .a11{--ah:1500px}
.pf7 .h11-beam{position:absolute;top:-60px;left:50%;width:1300px;height:1000px;margin-left:-650px;z-index:-1;pointer-events:none;opacity:var(--beam-o);background:conic-gradient(at 50% 0%, transparent 150deg, rgba(120,190,255,0.20) 166deg, rgba(170,225,255,0.46) 180deg, rgba(120,190,255,0.20) 194deg, transparent 210deg);-webkit-mask-image:radial-gradient(ellipse 50% 70% at 50% 0%, #000 15%, transparent 78%);mask-image:radial-gradient(ellipse 50% 70% at 50% 0%, #000 15%, transparent 78%);filter:blur(12px)}
.pf7 .h11-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.pf7 .h11-chip{display:inline-flex;align-items:center;gap:10px;height:38px;margin:0;padding:0 6px 0 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold-2) 38%, var(--line2));color:var(--text2);font-family:'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease, box-shadow .2s ease, color .2s ease}
.pf7 .h11-chip:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--gold-2);color:var(--text)}
.pf7 .h11-chip:focus-visible{outline:3px solid #1E72E0;outline-offset:3px}
.pf7 .h11-chip-go{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:color-mix(in srgb, var(--gold-2) 20%, transparent);color:var(--gold-go);transition:translate .25s ease, background-color .2s ease}
.pf7 .h11-chip:hover .h11-chip-go{translate:3px 0;background:color-mix(in srgb, var(--gold-2) 34%, transparent)}
.pf7 .h11-chip b{font-weight:700;background:linear-gradient(180deg, var(--gold-1) 12%, var(--gold-2) 48%, var(--gold-3) 56%, var(--gold-1) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7 .h11-lock{--ih:1.04em;display:flex;align-items:baseline;justify-content:center;gap:.25em;margin-top:34px;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(60px, 10.4vw, 150px);line-height:1}
.pf7 .h11-ico{position:relative;flex:none;display:block;width:var(--ih);height:var(--ih);translate:0 calc((var(--ih) - .741em) / 2);transform:perspective(700px) rotateX(var(--ix, 0deg)) rotateY(var(--iy, 0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.pf7 .h11-ico::before{content:"";position:absolute;left:50%;top:50%;width:260%;height:260%;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle, var(--glow) 0%, var(--glow-soft) 34%, transparent 66%);opacity:.5}
.pf7 .h11-ico .h11-app{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 .09em .16em rgba(0,90,220,0.5))}
.pf7 .h11-seal{position:absolute;z-index:2;right:-14%;top:-15%;width:46%;height:46%;display:block;rotate:12deg;filter:drop-shadow(0 .03em .05em rgba(0,0,0,0.5))}
.pf7 .h11-ico i{position:absolute;inset:0;display:block;pointer-events:none;-webkit-mask:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/e6a5826bc4f97dcab3325e8011493b22.png) center / 100% 100% no-repeat;mask:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/e6a5826bc4f97dcab3325e8011493b22.png) center / 100% 100% no-repeat;background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.85) 50%, transparent 62%) no-repeat;background-size:300% 100%;background-position:150% 0}
.pf7 .h11-name{margin:0;padding-bottom:.08em;font:inherit;letter-spacing:-0.02em;white-space:nowrap;background-image:linear-gradient(180deg, var(--head1) 30%, var(--head2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7 .h11-h1{margin:28px 0 0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:clamp(22px, 2.6vw, 36px);line-height:1.2;letter-spacing:-0.011em;text-wrap:balance;background:linear-gradient(95deg, var(--g1), var(--g2) 50%, var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7 .h11-sub{margin:14px 0 0;font-size:19px;line-height:1.55;color:var(--text2)}
.pf7 .h11-ctas{display:grid;grid-template-columns:232px 232px;gap:10px 14px;justify-content:center;margin-top:36px}
.h11-ctas .pf7-btn{height:56px;min-height:56px;width:100%;font-size:17px;border-radius:16px}
.pf7 .h11-trial{grid-column:1;margin:0;text-align:center;font-size:13.5px;line-height:19px;color:var(--text3)}
.pf7 .h11-fig{margin:60px 0 0;padding:0 20px}
.pf7 .h11-scroll{width:min(1180px, 100%);margin:0 auto}
.pf7 .h11-persp{perspective:2200px}
.pf7 .h11-tilt{position:relative;aspect-ratio:3280 / 1968;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
.pf7 .h11-tilt > img{position:absolute;inset:0;width:100%;height:100%;display:block}
.pf7 .h11-floor{position:absolute;left:4%;right:4%;bottom:-2%;height:20%;border-radius:50%;background:radial-gradient(closest-side, var(--glow), transparent);filter:blur(34px);transform:translateZ(-60px)}
.pf7 .h11-pc{position:absolute;border-radius:12px;background-image:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/5b3ec6fef61cfc4304e2ed6eef63518a.webp);background-repeat:no-repeat;transform:translate3d(var(--dx), var(--dy), 80px) scale(1.05);box-shadow:0 0 0 1.5px rgba(120,210,255,0.9), 0 0 36px -4px rgba(0,170,255,0.75), 0 34px 54px -18px rgba(0,0,0,0.6)}
.pf7 .h11-pc b{position:absolute;left:50%;top:-15px;translate:-50% 0;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:999px;background:rgba(6,12,26,0.9);box-shadow:inset 0 0 0 1px rgba(130,205,255,0.5), 0 8px 20px rgba(0,0,0,0.4);color:#eaf4ff;font-size:13px;font-weight:600;white-space:nowrap}
.pf7 .h11-pc b::before{content:"";width:6px;height:6px;border-radius:999px;background:#00BEFF;box-shadow:0 0 8px rgba(0,190,255,0.9)}
.h11 .pf7-cap{margin-top:8px}
.pf7 .m11{position:relative;z-index:1;margin-top:76px;display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)}
.pf7 .m11-row{display:flex;width:max-content}
.pf7 .m11-chip{display:inline-flex;align-items:center;gap:10px;height:46px;margin-right:12px;padding:0 20px 0 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2), inset 0 1px 0 var(--card-hi);font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:600;font-size:15px;color:var(--text2);white-space:nowrap}
.pf7 .m11-chip i{width:8px;height:8px;border-radius:999px;display:block;background:linear-gradient(135deg, var(--au2), var(--au3))}
.pf7 .s11-stage{counter-reset:feat}
.s11-stage .pf8-scene{counter-increment:feat}
.s11-stage .pf8-card::before{content:counter(feat, decimal-leading-zero) " / 10";font-family:'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:13px;font-weight:500;letter-spacing:0.06em;color:var(--ac)}
.s11-stage .pf8-card .pf7-label{color:var(--ac)}
.s11-stage .pf8-halo{opacity:1;background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--ac) 30%, transparent), transparent 70%)}
.s11-stage .pf8-hl{box-shadow:0 0 0 2px var(--ac), 0 0 22px 4px color-mix(in srgb, var(--ac) 55%, transparent), inset 0 0 18px color-mix(in srgb, var(--ac) 16%, transparent)}
.s11-stage .pf8-win .pfa{box-shadow:var(--a-wshadow), 0 0 0 1px color-mix(in srgb, var(--ac) 34%, transparent), 0 0 120px -18px color-mix(in srgb, var(--ac) 50%, transparent)}
@media (min-width: 1280px){.s11-stage .pf8-scene{--Ww:1120}.s11-stage .t11-R .pf8-stick,.s11-stage .t11-L .pf8-stick{display:grid;column-gap:48px;align-items:center;justify-content:normal}.s11-stage .t11-R .pf8-stick{grid-template-columns:minmax(0, 360px) minmax(0, 1fr);padding:0 0 0 max(56px, calc(50vw - 640px))}.s11-stage .t11-L .pf8-stick{grid-template-columns:minmax(0, 1fr) minmax(0, 360px);padding:0 max(56px, calc(50vw - 640px)) 0 0}.s11-stage .t11-R .pf8-card,.s11-stage .t11-L .pf8-card{position:static;width:auto;padding:0;gap:16px;grid-row:1;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.s11-stage .t11-R .pf8-card{grid-column:1}.s11-stage .t11-R .pf8-crop{grid-column:2;grid-row:1;justify-self:start}.s11-stage .t11-L .pf8-card{grid-column:2}.s11-stage .t11-L .pf8-crop{grid-column:1;grid-row:1;justify-self:end}.s11-stage .t11-R .pf8-card h3,.s11-stage .t11-L .pf8-card h3{font-size:44px;line-height:1.08;letter-spacing:-0.016em}.s11-stage .t11-R .pf8-card p:not(.pf7-label),.s11-stage .t11-L .pf8-card p:not(.pf7-label){font-size:18px;line-height:1.6;color:var(--text2)}}
.pf7 .w11b{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;margin-top:56px}
.w11b .pf7-card{padding:0;display:flex;flex-direction:column}
.pf7 .w11-art{position:relative;height:210px;display:grid;place-items:center;overflow:hidden;border-radius:28px 28px 0 0;background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--tc, #1E72E0) 26%, transparent), transparent 72%)}
.pf7 .w11-art svg{display:block;overflow:visible}
.pf7 .w11-tx{padding:6px 28px 30px;display:flex;flex-direction:column;gap:10px}
.pf7 .w11-tx h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:22px;line-height:1.25;letter-spacing:-0.009em;color:var(--text)}
.pf7 .pf7-acc{border-radius:28px;padding:6px 28px;background:var(--card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 var(--card-hi), 0 0 0 1px var(--card-line), 0 30px 60px -38px var(--card-sh)}
.pf7 .pf7-acc > :first-child{border-top:none}
.pf7 .pf7-acc > :last-child{border-bottom:none}
.pf7 .pf7-qa:has(.pf7-qbtn[aria-expanded="true"]) .pf7-qbtn,.pf7 .pf7-acc details[open] summary{color:var(--accent-text)}
@media (min-width: 1000px){.pf7-wrap:has(> .pf7-acc){display:grid;grid-template-columns:minmax(0, 380px) minmax(0, 1fr);column-gap:72px;align-items:start}.pf7-wrap:has(> .pf7-acc) > .pf7-head{align-items:flex-start;text-align:left;position:sticky;top:120px}.pf7-wrap:has(> .pf7-acc) > .pf7-acc{max-width:none !important;margin:0 !important}}
.pf7 .g11{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:20px;margin-top:40px}
.pf7 .g11-big{display:flex;flex-direction:column;gap:16px;padding:18px 18px 28px}
.pf7 .g11-big h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:30px;line-height:1.18;letter-spacing:-0.013em;color:var(--text)}
.pf7 .g11-big p,.pf7 .g11-sm p{margin:0;font-size:16px;line-height:1.55;color:var(--text3)}
.pf7 .g11-big > *:not(.pf8-cv){padding:0 10px}
.pf7 .g11-col{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-width:0}
.pf7 .g11-sm > div{min-width:0}
.pf7 .g11-sm{display:grid;grid-template-columns:minmax(0, 200px) minmax(0, 1fr);gap:20px;align-items:center;padding:18px}
.g11-sm .pf8-cv{aspect-ratio:1 / 1;width:100%}
.pf7 .g11-sm h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:20px;line-height:1.28;letter-spacing:-0.009em;color:var(--text)}
.pf7 .g11-sm > div{display:flex;flex-direction:column;gap:10px}
.pf7 .g11-sm p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
.pf7 .b11-feat{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);align-items:center;gap:8px;padding:18px}
.b11-feat .pf8-cv{aspect-ratio:16 / 10}
.pf7 .b11-ft{display:flex;flex-direction:column;gap:16px;padding:20px 30px}
.pf7 .b11-ft h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(28px, 3vw, 40px);line-height:1.12;letter-spacing:-0.016em;color:var(--text)}
.pf7 .b11-ft p{margin:0;font-size:17px;line-height:1.6;color:var(--text3)}
.pf7 .b11-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;margin-top:20px}
.pf7 .b11-card{display:flex;flex-direction:column;gap:14px;padding:16px 16px 26px}
.pf7 .b11-card > div:last-child{display:flex;flex-direction:column;gap:10px;padding:0 10px}
.pf7 .b11-card h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:21px;line-height:1.28;letter-spacing:-0.009em;color:var(--text)}
.pf7 .b11-card p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf7 .pf8-chip2{border-radius:999px}
.pf7 .pf8-chip2.on{background:linear-gradient(180deg, #4a9dff, #1E72E0);color:#ffffff}
.pf7 .pf8-search{border-radius:999px}
.pf7 .t11-top{isolation:isolate;margin-top:-72px;padding-top:172px !important}
.pf7 .t11-top > .a11{--ah:980px}
.tint11 > .pf7-card{--pc:var(--blu)}
.tint11 > .pf7-card.tv{--pc:var(--vio)}
.pf7 .tint11 > .pf7-card::before{content:"";display:block;position:absolute;left:0;right:0;top:0;width:auto;height:190px;z-index:-1;border-radius:0;background:radial-gradient(55% 50% at 50% 0%, color-mix(in srgb, var(--pc) 30%, transparent), transparent 72%);pointer-events:none}
.pf7 .tint11 > .pf7-card{box-shadow:inset 0 1px 0 var(--card-hi), 0 0 0 1px color-mix(in srgb, var(--pc) 34%, transparent), 0 30px 60px -38px var(--card-sh)}
.pf7 .tint11 > .pf7-card > h2:first-child{color:var(--pc)}
.pf7 .tint11 .pf7-icon{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 80%, #ffffff), var(--pc));box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), 0 10px 22px -10px var(--pc)}
.pf7 .tint11 .pf7-em{color:var(--pc)}
.pf7.theme-light .pf7-feat,.pf7 .pf7-feat{background:var(--card-bg);box-shadow:inset 0 1px 0 var(--card-hi), 0 0 0 1.5px var(--blu), 0 40px 80px -36px color-mix(in srgb, var(--blu) 70%, transparent)}
.pf7 .pf7-big{background:linear-gradient(180deg, var(--head1) 30%, var(--head2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:56px}
.pf7 .pf7-big span{-webkit-text-fill-color:var(--text2)}
@media (min-width: 1001px){.pf7 .pf7-prices{align-items:stretch}.pf7 .pf7-prices .pf7-feat{margin:-14px 0}}
.pf7 .c11{position:relative;isolation:isolate;overflow:hidden;border-radius:40px;padding:84px 48px 0;display:flex;flex-direction:column;align-items:center;text-align:center;background:#05080f;box-shadow:inset 0 0 0 1px rgba(160,190,255,0.16), 0 50px 100px -50px rgba(0,60,160,0.7);color:var(--text2)}
.pf7 .c11-row{position:relative;display:flex;align-items:center;justify-content:center;gap:56px;text-align:left}
.pf7 .c11-tx{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.pf7 .c11-btns{position:relative;margin-top:30px;display:flex;flex-wrap:wrap;gap:14px}
.pf7 .c11-ico{position:relative;flex:none;display:block;width:184px;height:184px;filter:drop-shadow(0 26px 44px rgba(0,110,255,0.6))}
.pf7 .c11-glow{position:absolute;left:92px;top:50%;width:520px;height:420px;margin:-210px 0 0 -260px;pointer-events:none;background:radial-gradient(closest-side, rgba(0,150,255,0.5), transparent)}
.pf7 .c11-h{position:relative;margin:0;max-width:640px;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(36px, 5vw, 68px);line-height:1.02;letter-spacing:-0.02em;text-wrap:balance;background:linear-gradient(180deg, #ffffff 30%, #9fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.pf7 .c11-news{position:relative;align-self:stretch;margin:64px -48px 0;padding:30px 48px;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 460px);gap:20px 48px;align-items:center;text-align:left;border-top:1px solid rgba(160,190,255,0.14);background:rgba(255,255,255,0.03)}
.pf7 .f11{position:relative;z-index:1;overflow:hidden;padding:76px 0 0}
.pf7 .f11 a{color:var(--text2);text-decoration:none}
.pf7 .f11 a:hover{color:var(--text)}
.pf7 .f11-word{margin:44px 0 -0.14em;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(80px, 17.6vw, 260px);line-height:.86;letter-spacing:-0.025em;text-align:center;white-space:nowrap;background:linear-gradient(180deg, var(--word), transparent 88%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}
@media (prefers-reduced-motion: no-preference){@keyframes pf11-a11-d1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,5%) scale(1.12)}}@keyframes pf11-a11-d2{0%,100%{transform:translate(0,0) scale(1.08)}50%{transform:translate(-7%,-4%) scale(.94)}}@keyframes pf11-h11-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes pf11-h11-rise{from{opacity:0;transform:translateY(70px) scale(.96)}to{opacity:1;transform:none}}@keyframes pf11-h11-sheen{0%{background-position:160% 0,0 0}35%,100%{background-position:-60% 0,0 0}}@keyframes pf11-h11-pcin{from{opacity:0;scale:.9}to{opacity:1;scale:1}}.pf7 .a11 .a1,.pf7 .a11 .a4{animation:pf11-a11-d1 20s ease-in-out infinite}.pf7 .a11 .a2,.pf7 .a11 .a3{animation:pf11-a11-d2 26s ease-in-out infinite}.pf7 .h11-rise{animation:pf11-h11-rise 1.3s cubic-bezier(.16,.8,.2,1) .5s backwards}.pf7 .h11-pc{animation:pf11-h11-bob 7s ease-in-out infinite, pf11-h11-pcin .9s cubic-bezier(.2,1.2,.3,1) 1.4s backwards}@keyframes pf11-h11-land{0%{opacity:0;transform:scale(.4) rotate(-40deg);filter:blur(14px)}60%{opacity:1;transform:scale(1.06) rotate(4deg);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes pf11-h11-draw{from{clip-path:inset(-.3em 100% -.3em -.1em);translate:-.18em 0}to{clip-path:inset(-.3em -.2em -.3em -.1em);translate:0 0}}@keyframes pf11-h11-isheen{0%{background-position:150% 0}16%,100%{background-position:-50% 0}}@keyframes pf11-h11-nsheen{0%,7%{background-position:160% 0,0 0}36%,100%{background-position:-60% 0,0 0}}@keyframes pf11-h11-chipin{from{opacity:0;translate:0 -14px;scale:.92}to{opacity:1;translate:0 0;scale:1}}.pf7 .h11-chip{animation:pf11-h11-chipin .9s cubic-bezier(.2,.9,.2,1) backwards}.pf7 .h11-ico .h11-app{animation:pf11-h11-land 1.1s cubic-bezier(.2,.8,.2,1) .15s backwards}@keyframes pf11-h11-sealin{0%,55%{opacity:0;scale:.3;rotate:-60deg}100%{opacity:1;scale:1;rotate:12deg}}.pf7 .h11-seal{animation:pf11-h11-sealin 1.7s cubic-bezier(.2,1.3,.3,1) .15s backwards}.pf7 .h11-ico i{animation:pf11-h11-isheen 7s ease-in-out 2s infinite}.pf7 .h11-name{background-image:linear-gradient(105deg, transparent 42%, var(--nsheen) 50%, transparent 58%), linear-gradient(180deg, var(--head1) 30%, var(--head2) 100%);background-size:250% 100%, 100% 100%;background-repeat:no-repeat;background-position:160% 0, 0 0;animation:pf11-h11-draw 1.15s cubic-bezier(.2,.8,.2,1) .65s backwards, pf11-h11-nsheen 7s ease-in-out 2s infinite}.pf7 .m11-row{animation:pf7-marq 70s linear infinite}.pf7 .m11-row.rev{animation-direction:reverse}.pf7 .m11:hover .m11-row{animation-play-state:paused}.pf7 .w11-pulse{stroke-dasharray:6 90;animation:pf11-w11-dash 2.6s linear infinite}@keyframes pf11-w11-dash{to{stroke-dashoffset:-96}}.pf7 .w11-float{animation:pf11-h11-bob 6s ease-in-out infinite}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference) and (min-width: 1280px){@keyframes pf11-t11-inR{from{transform:perspective(1800px) translateX(16%) rotateY(-16deg) scale(.9);opacity:.2}to{transform:none;opacity:1}}@keyframes pf11-t11-inL{from{transform:perspective(1800px) translateX(-16%) rotateY(16deg) scale(.9);opacity:.2}to{transform:none;opacity:1}}.s11-stage .t11-R .pf8-zoom{animation-name:pf11-t11-inR}.s11-stage .t11-L .pf8-zoom{animation-name:pf11-t11-inL}}}
@media (max-width: 1000px){.pf7 .w11b,.pf7 .b11-grid{grid-template-columns:minmax(0, 1fr)}.pf7 .g11,.pf7 .b11-feat{grid-template-columns:minmax(0, 1fr)}.pf7 .c11-news{grid-template-columns:minmax(0, 1fr)}}
@media (max-width: 700px){.pf7 .h11{padding-top:112px}.pf7 .h11-lock{margin-top:26px;font-size:13.2vw}.pf7 .h11-chip{height:auto;gap:12px;padding:8px 8px 8px 18px;border-radius:22px;font-size:13.5px;line-height:19px;white-space:normal;text-align:left}.pf7 .h11-seal{right:-16%;top:-18%;width:52%;height:52%}.pf7 .h11-chip-l{display:block}.pf7 .h11-sub{font-size:17px}.pf7 .h11-ctas{grid-template-columns:minmax(0, 1fr);width:100%;max-width:340px}.h11-ctas .pf7-buy{order:3}.pf7 .h11-trial{order:2;margin-bottom:6px}.pf7 .h11-fig{margin-top:44px;padding:0}.pf7 .h11-scroll{width:calc(100% + 150px);margin-left:-75px}.pf7 .h11-pc b{font-size:10px;height:22px;padding:0 9px;top:-11px}.pf7 .m11{margin-top:56px}.pf7 .g11-sm{grid-template-columns:minmax(0, 110px) minmax(0, 1fr)}.pf7 .b11-ft{padding:8px 10px 16px}.pf7 .c11{padding:60px 22px 0;border-radius:30px}.pf7 .c11-ico{width:132px;height:132px}.pf7 .c11-row{flex-direction:column;gap:26px;text-align:center}.pf7 .c11-tx{align-items:center}.pf7 .c11-btns{justify-content:center}.pf7 .c11-glow{left:50%;top:66px}.pf7 .c11-news{margin:44px -22px 0;padding:24px 22px}.pf7 .t11-top{padding-top:132px !important}.pf7 .pf7-acc{padding:4px 18px}}
.pf7 .r11-l{display:none !important}
.pf7 .theme-light .r11-d{display:none !important}
.pf7 .theme-light .r11-l{display:block !important}
.pf7 .r11-fig{position:relative;z-index:1;width:min(100%, calc((var(--sh) - 150px) * var(--ar)))}
.pf7 .r11-fig img{display:block;width:100%;height:auto}
.r11-fig .pf8-halo{left:6%;right:6%;top:10%;bottom:2%;z-index:-1}
.pf7 .r11-hl{position:absolute;border-radius:14px;pointer-events:none;box-shadow:0 0 0 2px var(--ac), 0 0 26px 4px color-mix(in srgb, var(--ac) 60%, transparent), inset 0 0 22px color-mix(in srgb, var(--ac) 18%, transparent)}
.pf7 .r11-clip{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb, var(--ac) 45%, transparent), 0 40px 90px -30px rgba(0,0,0,0.75), 0 0 110px -24px color-mix(in srgb, var(--ac) 50%, transparent)}
.pf7 .r11-duo .r11-fig{aspect-ratio:1.5}
.pf7 .r11-a,.pf7 .r11-b{position:absolute}
.pf7 .r11-a{left:-2%;top:0;width:82%}
.pf7 .r11-b{right:-2%;bottom:0;width:57%;z-index:2}
.pf7 .r11-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:16 / 10;padding:32px;text-align:center;border-radius:26px;border:1.5px dashed color-mix(in srgb, var(--ac) 55%, transparent);background:color-mix(in srgb, var(--ac) 7%, transparent);color:var(--text2);font-size:15.5px;line-height:1.5}
.pf7 .r11-box b{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:22px;letter-spacing:-0.009em;color:var(--text)}
.pf7 .r11-box svg{color:var(--ac);margin-bottom:6px}
.pf7 .s11-stage{overflow-x:clip}
@media (prefers-reduced-motion: no-preference){.pf7 .r11-hl{animation:pf8-pulse 2.8s ease-in-out infinite}}
@media (min-width: 1280px){.s11-stage .r11 .pf8-stick{column-gap:48px;padding:0 max(48px, calc(50vw - 840px))}.s11-stage .r11.t11-R .pf8-stick{grid-template-columns:minmax(0, 340px) minmax(0, 1fr)}.s11-stage .r11.t11-L .pf8-stick{grid-template-columns:minmax(0, 1fr) minmax(0, 340px)}.pf7 .s11-stage .t11-R .r11-fig{grid-column:2;grid-row:1;justify-self:center}.pf7 .s11-stage .t11-L .r11-fig{grid-column:1;grid-row:1;justify-self:center}.pf7 .s11-stage .r11-bleed .r11-fig{width:auto;height:calc(var(--sh) - 150px);aspect-ratio:var(--ar)}.pf7 .s11-stage .r11-bleed.t11-R .r11-fig{justify-self:start}.pf7 .s11-stage .r11-bleed.t11-L .r11-fig{justify-self:end}.pf7 .s11-stage .r11-need .r11-fig{width:min(100%, 860px)}.pf7 .s11-stage .r11-frame .r11-fig{width:min(100%, calc((var(--sh) - 230px) * var(--ar)))}.s11-stage .r11-wide .pf8-stick{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:26px;padding:0 48px}.s11-stage .r11-wide .pf8-card{position:static;width:min(860px, 100%);padding:0;gap:10px;align-items:center;text-align:center;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.s11-stage .r11-wide .pf8-card h3{font-size:40px;line-height:1.08;letter-spacing:-0.016em}.s11-stage .r11-wide .pf8-card p:not(.pf7-label){font-size:18px;line-height:1.5;color:var(--text2)}.pf7 .s11-stage .r11-wide .r11-fig{width:min(100%, 1320px, calc((var(--sh) - 318px) * var(--ar)))}}
@media (min-width: 768px) and (max-width: 1279px){.r11 .pf8-stick{flex-direction:column;gap:26px;padding:0 32px}.r11 .pf8-card{position:static;width:min(720px, 100%)}.pf7 .r11 .r11-fig{width:min(100%, calc((var(--sh) - 400px) * var(--ar)))}}
@media (max-width: 767px){.pf7 .r11 .r11-fig{width:100%}.pf7 .r11-fit .r11-fig,.pf7 .r11-wide .r11-fig,.pf7 .r11-bleed .r11-fig{aspect-ratio:var(--ar);height:auto;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1px var(--line2), 0 20px 50px -20px var(--glow)}.pf7 .r11-fit .r11-fig img,.pf7 .r11-wide .r11-fig img,.pf7 .r11-bleed .r11-fig img{width:100%;height:auto}.pf7 .r11-fit .r11-hl,.pf7 .r11-bleed .r11-hl{display:none}.pf7 .r11-clip{border-radius:12px}.pf7 .r11-duo .r11-fig{aspect-ratio:auto}.pf7 .r11-duo .r11-a{display:none}.pf7 .r11-duo .r11-b{position:static;width:100%}.pf7 .r11-clip img{height:auto}.pf7 .r11-box{aspect-ratio:auto;padding:36px 22px}.pf7 .r11-box b{font-size:19px}}
.pf7 .r11-dropfx .r11-a{position:relative;left:auto;top:auto;width:100%;height:100%}
.pf7 .r11-dropfx .r11-b{left:-19.5%;top:-5%;width:45%;z-index:2}
.s11-n3 .pf8-card::before{content:counter(feat, decimal-leading-zero) " / 03"}
.pf7 .h11-tilt{aspect-ratio:3280 / 1954}
.h11-tilt .pf7-frame,.h11-tilt .pf7-beam{top:3.889%;height:88.54%}
.pf7 .h11-pc{background-image:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/565daeea8806ae02e729b6f690e93ccf.webp)}
.pf7 .theme-light .h11-pc{background-image:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/373b0ced1a726f8961a6cd2aec2cfc22.webp)}
.pf7.theme-light .tone-dark .pf8-win{--a-win:#ffffff;--a-tool:#f5f5f7;--a-side:#f0f0f3;--a-pane:#ffffff;--a-row:#f5f6f8;--a-line:rgba(0,0,0,0.085);
--a-text:#1d1d1f;--a-text2:#6e6e73;--a-text3:#a1a1a6;--a-ctl:rgba(0,0,0,0.05);--a-ctl2:rgba(0,0,0,0.09);
--a-sel:#0a64d6;--a-selsoft:#d7e6fb;--a-path:#f1f2f4;
--a-f1:#62b4f8;--a-f2:#3b8fea;--a-doc:#ffffff;--a-docline:#cfd0d6;
--a-term:#fbfbfc;--a-tt:#2c2c31;--a-dir:#1f6fd6;--a-lnk:#a335c9;--a-ok:#1a8f3a;
--a-menu:rgba(246,246,248,0.96);--a-menuline:rgba(0,0,0,0.08);
--syn-tag:#ad3da4;--syn-attr:#8a6a00;--syn-str:#c41a16;--syn-txt:#262626;--syn-pun:#7a7a80;--syn-doc:#6c36a9;
--a-wshadow:0 0 0 1px rgba(16,24,40,0.10), 0 30px 60px -10px rgba(16,24,40,0.22), 0 60px 140px -40px rgba(0,120,255,0.30)}
.pf7 .s11-stage .pf8-win .pfa.pfa-x{box-shadow:none}
.pf7 .s11-stage .pf7-mods.is-built .pfa-x::after{box-shadow:var(--a-wshadow), 0 0 0 1px color-mix(in srgb, var(--ac) 34%, transparent), 0 0 120px -18px color-mix(in srgb, var(--ac) 50%, transparent)}
.pf7-mods.is-built .pfa-x .pfa-m.pfa-c-tl{border-top-left-radius:18px}
.pf7-mods.is-built .pfa-x .pfa-m.pfa-c-tr{border-top-right-radius:18px}
.pf7-mods.is-built .pfa-x .pfa-m.pfa-c-bl{border-bottom-left-radius:18px}
.pf7-mods.is-built .pfa-x .pfa-m.pfa-c-br{border-bottom-right-radius:18px}
.pf7.theme-light .tone-dark .pf7-buy:hover,.pf7.theme-dark .tone-dark .pf7-buy:hover{filter:none;background:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 16px 38px -12px rgba(120,190,255,0.75)}
.pf7 .tm11{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:56px}
.pf7 .tm11-card{flex:0 1 268px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 12px 20px;border:none;font-family:inherit;color:inherit;text-align:center;cursor:pointer}
.pf7 .tm11-card:focus-visible{outline:3px solid #1E72E0;outline-offset:3px}
.pf7 .tm11-ph{display:block;width:100%;height:auto;aspect-ratio:1 / 1;margin-bottom:12px;border-radius:18px;background:#5aa9e6;transition:scale .5s cubic-bezier(.2,.8,.2,1)}
.pf7 .tm11-card:hover .tm11-ph{scale:1.03}
.pf7 .tm11-n{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:20px;letter-spacing:-0.007em;color:var(--text)}
.pf7 .tm11-ro{font-size:14.5px;line-height:1.4;color:var(--text3)}
.pf7 .tm11-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--link)}
.pf7 .tm11-more svg{transition:translate .25s ease}
.pf7 .tm11-card:hover .tm11-more svg{translate:3px 0}
.pf7 .tm11-ov{display:none}
.pf7 .tm11-ov.is-open{display:grid;place-items:center;position:absolute;left:0;right:0;top:-40px;bottom:-60px;z-index:5;padding:20px;background:var(--tm-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pf7 .is-scroll .tm11-ov.is-open{position:fixed;inset:0;z-index:90;overflow:auto}
.pf7 #team:has(.tm11-ov.is-open){z-index:80}
.pf7{--tm-dim:rgba(3,6,14,0.78)}
.pf7.theme-light{--tm-dim:rgba(18,28,48,0.5)}
.pf7 .tm11-dlg{display:none}
.pf7 .tm11-dlg.is-open{position:relative;display:grid;grid-template-columns:300px minmax(0, 1fr);gap:36px;align-items:center;width:min(880px, 100%);padding:28px 44px 28px 28px;border-radius:30px;background:var(--solid);box-shadow:0 0 0 1px var(--line2), 0 50px 120px -30px rgba(0,0,0,0.75), 0 0 90px -30px var(--glow);cursor:default}
.pf7 .tm11-big{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:22px;background:#5aa9e6}
.pf7 .tm11-tx h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:34px;line-height:1.1;letter-spacing:-0.012em;color:var(--text)}
.pf7 .tm11-role{margin:8px 0 0;font-size:15px;font-weight:600;color:var(--accent-text)}
.pf7 .tm11-bio{margin:18px 0 0;font-size:16px;line-height:1.65;color:var(--text2)}
.pf7 .tm11-x{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:none;border-radius:999px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);cursor:pointer;transition:background-color .2s ease}
.pf7 .tm11-x:hover{background:color-mix(in srgb, var(--text) 16%, transparent)}
.pf7 .tm11-x:focus-visible{outline:3px solid #1E72E0;outline-offset:2px}
@media (prefers-reduced-motion: no-preference){@keyframes pf11-tm11-fade{from{opacity:0}to{opacity:1}}@keyframes pf11-tm11-pop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.pf7 .tm11-ov.is-open{animation:pf11-tm11-fade .25s ease both}.pf7 .tm11-dlg.is-open{animation:pf11-tm11-pop .4s cubic-bezier(.2,.9,.2,1) both}}
.pf7 .sr11{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pf7 .s11-stage.s11-first{margin-top:8px}
.s11-first #f-dual .pf8-card,.s11-first #f-dual .pf8-zoom{animation:none}
@media (min-width: 701px){.pf7 .h11{padding-top:clamp(98px, 12.4vh, 114px)}.pf7 .h11-lock{margin-top:clamp(14px, 2.4vh, 22px);font-size:clamp(52px, min(6.6vw, 11vh), 96px)}.pf7 .h11-h1{margin-top:clamp(10px, 1.8vh, 16px);font-size:clamp(20px, 2.1vw, 30px)}.pf7 .h11-sub{margin-top:6px;font-size:18px}.pf7 .h11-ctas{margin-top:clamp(16px, 2.5vh, 22px)}.h11-ctas .pf7-btn{height:52px;min-height:52px}.pf7 .h11-fig{margin-top:clamp(20px, 3.2vh, 30px)}}
@media (min-width: 701px) and (max-height: 740px){.pf7 .h11{padding-top:90px}.pf7 .h11-fig{margin-top:16px}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){@keyframes pf11-h11-flat{from{transform:perspective(2000px) rotateX(9deg) scale(.97)}to{transform:none}}.pf7 .h11-scroll{transform-origin:50% 0}}}
@media (max-width: 767px){.pf7 .r11-dropfx .r11-fig{aspect-ratio:auto;overflow:visible;background:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;gap:14px}.pf7 .r11-dropfx .r11-a{height:auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;background:#0b0f18;box-shadow:0 0 0 1px var(--line2), 0 20px 50px -20px var(--glow)}.pf7 .r11-dropfx .r11-b{position:relative;left:auto;top:auto;width:100%;translate:-30% 0}.pf7 .tm11-card{flex-basis:calc(50% - 8px);padding:8px 8px 16px}.pf7 .tm11-n{font-size:17px}.pf7 .tm11-ro{font-size:13px}.pf7 .tm11-dlg.is-open{grid-template-columns:minmax(0, 1fr);gap:18px;padding:18px 18px 24px;border-radius:24px}.pf7 .tm11-big{width:168px;margin:0 auto}.pf7 .tm11-tx{text-align:center}.pf7 .tm11-tx h3{font-size:26px}.pf7 .tm11-bio{font-size:15px;line-height:1.6;text-align:left}.pf7 .h11{padding-top:100px}.pf7 .h11-lock{margin-top:20px}.pf7 .h11-h1{margin-top:16px}.pf7 .h11-sub{margin-top:8px}.pf7 .h11-ctas{margin-top:22px}.pf7 .h11-fig{margin-top:30px}}
.pf7 .w11-art .w11-mb{height:176px;width:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,0.45))}
.pf7 .p11-h1{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(34px, 4.8vw, 64px);line-height:1.06;letter-spacing:-0.018em;padding-bottom:.1em;text-wrap:balance;background:linear-gradient(180deg, var(--head1) 30%, var(--head2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf7 .p11-h1 mark{padding:0 .16em .04em;margin:0;border-radius:.2em;font-weight:800}
.pf7 .p11-two{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px;align-items:stretch}
.pf7 .p11-card{display:flex;flex-direction:column;gap:22px;padding:34px 32px 32px}
.pf7 .p11-tag{align-self:flex-start;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-size:21px;line-height:1.3;letter-spacing:-0.007em}
.pf7 .p11-tag mark{padding:.12em .5em .16em;border-radius:10px;font-weight:700}
.pf7 .p11-what{margin:0;font-size:18px;line-height:1.5;color:var(--text)}
.pf7 .p11-un{display:flex;align-items:center;gap:12px;margin:0;padding:12px 16px;border-radius:14px;background:color-mix(in srgb, var(--pc) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pc) 30%, transparent);font-size:15.5px;line-height:1.45;color:var(--text2)}
.pf7 .p11-un svg{flex:none;color:var(--pc)}
.pf7 .p11-un b{font-weight:600;color:var(--text)}
.pf7 .p11-rule{height:1px;border:none;margin:2px 0;background:var(--line)}
.pf7 .p11-price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px;min-height:64px}
.p11-price .pf7-big{margin:0;line-height:1}
.pf7 .p11-per{margin:0 0 7px;font-size:16px;color:var(--text3)}
.pf7 .p11-was{display:flex;flex-direction:column;gap:5px;margin:0 0 5px auto;align-items:flex-end;text-align:right}
.pf7 .p11-was s{font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:-0.009em;color:var(--text3);text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb, var(--pc) 80%, var(--text3))}
.pf7 .p11-was small{font-size:12.5px;line-height:1.3;color:var(--text3)}
.pf7 .p11-save{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:linear-gradient(180deg, #34c98a, #16a56a);color:#ffffff;font-size:13px;font-weight:700;letter-spacing:0;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 6px 16px -6px rgba(22,165,106,0.9)}
.pf7 .p11-opts{display:flex;flex-direction:column;gap:8px}
.p11-opts .pf7-term{min-height:52px;padding:0 16px;border-radius:14px}
.p11-opts .pf7-term > span:first-child{display:flex;align-items:center;gap:11px;flex-wrap:wrap;text-align:left}
.pf7 .p11-amt{font-family:'ct-shell JetBrains Mono', ui-monospace, monospace;font-size:14px;white-space:nowrap}
.pf7 .tint11 .pf7-term.is-on{background:color-mix(in srgb, var(--pc) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--pc)}
.pf7 .tint11 .pf7-term.is-on .pf7-radio{box-shadow:inset 0 0 0 1.5px var(--pc)}
.pf7 .tint11 .pf7-term.is-on .pf7-radio::after{background:var(--pc)}
.pf7 .p11-cap{display:flex;justify-content:space-between;padding:0 16px;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3)}
.pf7 .p11-all{display:flex;align-items:center;justify-content:center;gap:12px;margin:34px 0 0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:clamp(20px, 2.2vw, 26px);letter-spacing:-0.009em;color:var(--text);text-align:center}
.pf7 .p11-all svg{flex:none;color:#22c07f}
.pf7 .t11-top.a11-top{padding-top:124px !important}
.pf7 .a11-h1{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(28px, 3vw, 40px);line-height:1.12;letter-spacing:-0.009em;color:var(--text)}
.pf7 .a11-lead{margin:0;max-width:820px;font-size:17px;line-height:1.6;color:var(--text2)}
.pf7 .a11-pick{display:none;flex-direction:column;align-items:center;gap:12px;margin-top:10px}
@media (max-width:900px){.pf7 .a11-pick{display:flex}}
@media (max-width:700px){.pf7 .t11-top.a11-top{padding-top:104px !important}.pf7 .a11-cards{padding-top:26px !important}}
.pf7 .a11-pick p{margin:0;font-size:15px;font-weight:600;color:var(--text)}
.pf7 .a11-pick div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.pf7 .a11-opt{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;color:var(--text);background:color-mix(in srgb, var(--oc) 14%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--oc) 60%, transparent), inset 0 1px 0 var(--card-hi);transition:translate .25s ease, background-color .25s ease, box-shadow .25s ease}
.pf7 .a11-opt:hover{translate:0 -2px;background:color-mix(in srgb, var(--oc) 24%, transparent);box-shadow:inset 0 0 0 1.5px var(--oc), 0 14px 30px -14px var(--oc)}
.pf7 .a11-opt svg{color:var(--oc)}
.pf7 .a11-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:st}
.pf7 .a11-steps li{counter-increment:st;display:grid;grid-template-columns:34px minmax(0, 1fr);gap:14px;align-items:start;font-size:16px;line-height:1.55;color:var(--text2)}
.pf7 .a11-steps li::before{content:counter(st);display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:color-mix(in srgb, var(--pc, var(--blu)) 16%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--pc, var(--blu)) 55%, transparent);color:var(--text);font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:14.5px}
.pf7 .a11-steps li > span{padding-top:4px}
.pf7 .a11-steps b{font-weight:600;color:var(--text)}
.pf7 .a11-stuck{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:44px 0 0;font-size:18px;font-weight:600;color:var(--text)}
.pf7 .u11-cards{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}
.pf7 .u11-card{display:flex;flex-direction:column;gap:10px;padding:28px 26px 26px;text-decoration:none;color:inherit}
.pf7 .u11-card h2{margin:10px 0 0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-0.009em;color:var(--text)}
.pf7 .u11-go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--link)}
.pf7 .u11-go svg{transition:translate .25s ease}
.pf7 .u11-card:hover .u11-go svg{translate:4px 0}
.pf7 .u11-now{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:22px auto 0;padding:12px 20px;width:fit-content;max-width:100%;border-radius:999px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);font-size:15px;color:var(--text2);text-align:center}
.pf7 .u11-now a{font-weight:600;text-decoration:none}
.pf7 .u11-list{margin:40px auto 0;max-width:900px;padding:8px 28px}
.pf7 .u11-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.pf7 .u11-row:first-child{border-top:none}
.pf7 .u11-row h3{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.007em;color:var(--text)}
.pf7 .u11-row p{margin:3px 0 0;font-size:14.5px;color:var(--text3)}
.pf7 .u11-split{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 440px);gap:28px 56px;align-items:center}
.pf7 .u11-h2{margin:0;font-family:'ct-shell Sora', ui-sans-serif, system-ui, sans-serif;font-weight:800;font-size:clamp(32px, 4.2vw, 52px);line-height:1.06;letter-spacing:-0.018em;padding-bottom:.08em}
.pf7 .u11-form{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px 20px}
.pf7 .u11-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.pf7 .u11-f.wide{grid-column:1 / -1}
.pf7 .u11-f label{font-size:13.5px;font-weight:600;color:var(--text)}
.pf7 .u11-f .pf7-input{height:50px;border-radius:14px}
.pf7 .u11-f textarea.pf7-input{height:150px;padding:14px;resize:vertical;line-height:1.5}
.pf7 .u11-f select.pf7-input{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238f9bb3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 16px center}
.pf7 .u11-f select option{color:#0d1117}
.pf7 .u11-f .u11-drop{display:flex;align-items:center;justify-content:center;gap:10px;height:76px;border-radius:14px;border:1.5px dashed var(--line2);background:var(--input);color:var(--text2);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease, color .2s ease, background-color .2s ease}
.pf7 .u11-f .u11-drop:hover{border-color:var(--blu);color:var(--text)}
.pf7 .u11-drop svg{color:var(--accent-text)}
.pf7 .u11-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pf7 .u11-drop:focus-within{outline:3px solid #1E72E0;outline-offset:2px}
@media (max-width: 1100px){.pf7 .u11-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (max-width: 900px){.pf7 .p11-two,.pf7 .u11-split{grid-template-columns:minmax(0, 1fr)}}
@media (max-width: 700px){.pf7 .u11-cards,.pf7 .u11-form{grid-template-columns:minmax(0, 1fr)}.pf7 .p11-card{padding:26px 22px}.pf7 .p11-was{margin-left:0;align-items:flex-start;text-align:left}.pf7 .u11-list{padding:4px 18px}.pf7 .u11-row{grid-template-columns:minmax(0, 1fr)}}
.pf7 .ds2{position:relative;container-type:inline-size;width:100%;aspect-ratio:1820 / 1190;overflow:hidden;border-radius:18px;background:#1c1d21;box-shadow:0 0 0 1px color-mix(in srgb, var(--ac) 45%, transparent), 0 40px 90px -30px rgba(0,0,0,0.75), 0 0 110px -24px color-mix(in srgb, var(--ac) 50%, transparent)}
.pf7 .theme-light .ds2{background:#ffffff}
.pf7 .r11-fig .ds2-shot img{position:absolute;left:var(--sl);top:var(--st);width:var(--sw);max-width:none;height:auto}
.pf7 .ds2-ring,.pf7 .ds2-dest{position:absolute;display:block;pointer-events:none;border-radius:1.2cqw;box-shadow:0 0 0 2px var(--ac), 0 0 26px 4px color-mix(in srgb, var(--ac) 60%, transparent), inset 0 0 22px color-mix(in srgb, var(--ac) 18%, transparent)}
.pf7 .ds2-ring{opacity:.75}
.pf7 .ds2-dest{border-radius:.7cqw;opacity:0}
.pf7 .ds2-f{position:absolute;display:block;border-radius:1.1cqw;background-image:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/565daeea8806ae02e729b6f690e93ccf.webp);background-repeat:no-repeat;box-shadow:0 0 0 1.5px rgba(120,210,255,0.9), 0 0 30px -4px rgba(0,170,255,0.7), 0 1.8cqw 3cqw -1cqw rgba(0,0,0,0.6);transform:translate(var(--tx), var(--ty)) scale(.5) rotate(var(--r));will-change:transform}
.pf7 .theme-light .ds2-f{background-image:url(/wp-content/uploads/cocoatech-site/releases/9d1e25c-v11-analytics-20261114/images/v11/373b0ced1a726f8961a6cd2aec2cfc22.webp);box-shadow:0 0 0 1.5px rgba(30,114,224,0.75), 0 0 26px -4px rgba(0,140,255,0.5), 0 1.8cqw 3cqw -1cqw rgba(20,40,90,0.4)}
.pf7 .ds2-n{position:absolute;z-index:2;translate:-50% 0;display:inline-flex;align-items:center;padding:.32em .8em;border-radius:999px;background:linear-gradient(180deg, #4a9dff, #1E72E0);box-shadow:inset 0 1px 0 rgba(255,255,255,0.45), 0 .6cqw 1.6cqw -0.4cqw rgba(0,90,220,0.9);color:#ffffff;font-family:'ct-shell Inter', ui-sans-serif, system-ui, sans-serif;font-size:clamp(9px, 1.5cqw, 15px);font-style:normal;font-weight:700;line-height:1.2;white-space:nowrap;opacity:0}
.pf7 .ds2-n2{opacity:1}
@media (prefers-reduced-motion: no-preference){@keyframes pf11-ds2-f0{0%,5.9%{opacity:0;transform:none}6%{opacity:1;transform:none;animation-timing-function:ease-out}9%{opacity:1;transform:translate(0, -5%) scale(1.07);animation-timing-function:cubic-bezier(.45,0,.2,1)}17%,64%{opacity:1;transform:translate(var(--tx), var(--ty)) scale(.5) rotate(var(--r));animation-timing-function:cubic-bezier(.45,0,.2,1)}78%{opacity:1;transform:translate(var(--gx), var(--gy)) scale(.3)}82%,100%{opacity:0;transform:translate(var(--gx), var(--gy)) scale(.16)}}.pf7 .ds2-f0{animation:pf11-ds2-f0 9s linear infinite}@keyframes pf11-ds2-f1{0%,20.9%{opacity:0;transform:none}21%{opacity:1;transform:none;animation-timing-function:ease-out}24%{opacity:1;transform:translate(0, -5%) scale(1.07);animation-timing-function:cubic-bezier(.45,0,.2,1)}32%,64%{opacity:1;transform:translate(var(--tx), var(--ty)) scale(.5) rotate(var(--r));animation-timing-function:cubic-bezier(.45,0,.2,1)}78%{opacity:1;transform:translate(var(--gx), var(--gy)) scale(.3)}82%,100%{opacity:0;transform:translate(var(--gx), var(--gy)) scale(.16)}}.pf7 .ds2-f1{animation:pf11-ds2-f1 9s linear infinite}@keyframes pf11-ds2-f2{0%,35.9%{opacity:0;transform:none}36%{opacity:1;transform:none;animation-timing-function:ease-out}39%{opacity:1;transform:translate(0, -5%) scale(1.07);animation-timing-function:cubic-bezier(.45,0,.2,1)}47%,64%{opacity:1;transform:translate(var(--tx), var(--ty)) scale(.5) rotate(var(--r));animation-timing-function:cubic-bezier(.45,0,.2,1)}78%{opacity:1;transform:translate(var(--gx), var(--gy)) scale(.3)}82%,100%{opacity:0;transform:translate(var(--gx), var(--gy)) scale(.16)}}.pf7 .ds2-f2{animation:pf11-ds2-f2 9s linear infinite}@keyframes pf11-ds2-n0{0%,16.9%{opacity:0}17%,31.9%{opacity:1}32%,100%{opacity:0}}@keyframes pf11-ds2-n1{0%,31.9%{opacity:0}32%,46.9%{opacity:1}47%,100%{opacity:0}}@keyframes pf11-ds2-n2{0%,46.9%{opacity:0;translate:-50% 0}47%,64%{opacity:1;translate:-50% 0;animation-timing-function:cubic-bezier(.45,0,.2,1)}78%,88%{opacity:1;translate:calc(-50% + var(--bx)) var(--by)}92%,100%{opacity:0;translate:calc(-50% + var(--bx)) var(--by)}}@keyframes pf11-ds2-ring{0%{opacity:.5}15%{opacity:.5}18%{opacity:1}30%{opacity:.5}33%{opacity:1}45%{opacity:.5}48%{opacity:1}64%{opacity:1}78%,100%{opacity:.5}}@keyframes pf11-ds2-dest{0%,70%{opacity:0}78%,88%{opacity:1}94%,100%{opacity:0}}.pf7 .ds2-n0{animation:pf11-ds2-n0 9s linear infinite}.pf7 .ds2-n1{animation:pf11-ds2-n1 9s linear infinite}.pf7 .ds2-n2{animation:pf11-ds2-n2 9s linear infinite}.pf7 .ds2-ring{animation:pf11-ds2-ring 9s linear infinite}.pf7 .ds2-dest{animation:pf11-ds2-dest 9s linear infinite}}
@media (max-width: 767px){.pf7 #f-modules{--W:560}.pf7-mods.pf8-crop{height:calc(var(--W) * .75px);width:calc(var(--W) * 1px);margin:0 auto;overflow:visible;border-radius:0;box-shadow:none}.pf7-mods .pf8-win{left:0;top:0}}
@media (max-width: 591px){.pf7 #f-modules{--W:508}}
@media (max-width: 539px){.pf7 #f-modules{--W:448}}
@media (max-width: 479px){.pf7 #f-modules{--W:398}}
@media (max-width: 429px){.pf7 #f-modules{--W:380}}
@media (max-width: 411px){.pf7 #f-modules{--W:358}}
@media (max-width: 389px){.pf7 #f-modules{--W:343}}
@media (max-width: 374px){.pf7 #f-modules{--W:328}}
@media (max-width: 359px){.pf7 #f-modules{--W:288}}
@media (max-width: 700px){.pf7 .h11-fig{padding:0 16px}.pf7 .h11-scroll{width:100%;margin-left:0}.pf7 .f11-word{font-size:16.4vw}.pf7 .h11-pc[style*="--dx:-"] b{left:-2px;translate:0 0}.p11-opts .pf7-term{padding:9px 14px}.p11-opts .pf7-term > span:first-child{flex-wrap:nowrap}.p11-opts .pf7-radio{flex:none}}
@media (max-width: 350px){.pf7 .n10-brand img{width:28px;height:28px}.pf7 .n10-brand b{font-size:15px}.pf7 .n10-brand{gap:8px}.pf7 .n10-act{gap:2px}.pf7 .n10 .pf7-btn-sm{padding:0 12px;font-size:13px}.pf7 .n10 .pf7-iconbtn{width:32px;min-width:32px}}
.pf7 .pf7-btn,.pf7 .pf7-btn-sm,.pf7 .n10 .pf7-btn-sm,.pf7 .n10.is-scrolled .pf7-btn-sm,.pf7 .h11-ctas .pf7-btn{border-radius:999px}

/* src/styles/v8/site.css */
/* Our additions to Arman's design: his v11 stylesheet since the v11 integration (arman-v11.css, generated
   by scripts/sync-v11.mjs, stays verbatim; before it, arman-v8.css). Each rule is either invisible
   plumbing that keeps his look unchanged, or covers something his design doesn't include; those are
   listed as deviations in docs/design-v8.md. */

/* Plumbing: elements we add for semantics or behaviour, without changing his layout. */
.pf7 [hidden] { display: none !important; }
.pf8-main { display: contents; }                       /* <main> landmark around his sections */
.pf8-h1 { display: contents; }                         /* one <h1> around his .pf7-name and .pf7-h1 */
.pf8-posts { list-style: none; margin: 0; padding: 0; } /* his blog grid as a list */
.pf8-posts > li { display: contents; }
.pf8-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Skip link, as on the current site (not in his design: shown only on keyboard focus). */
.pf8-skip { position: absolute; left: 12px; top: -48px; z-index: 100; padding: 8px 14px; border-radius: 8px; background: var(--solid, #0a1222); color: var(--text, #eaf4ff); font-weight: 600; text-decoration: none; box-shadow: 0 0 0 1px var(--line2, rgba(130,195,255,0.24)); }
.pf8-skip:focus { top: 12px; }

/* Deviation: the notice on pages shown in English for lack of a translation (as on the current site). */
.pf8-notice { position: fixed; bottom: 0; left: 0; right: 0; z-index: 60; margin: 0; padding: 8px 16px; background: #fcd34d; color: #0a0a0f; text-align: center; font-size: 14px; font-weight: 500; }

/* Deviation: language list. His flag button (.n10-flag) has no action; ours opens this list of flags and names,
   built from his surface, line, shadow and radius tokens. */
.pf8-langwrap { position: relative; } /* no display here: his .pf7-hidesm hides it on small screens */
.pf8-langmenu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 176px; margin: 0; padding: 6px; list-style: none; border-radius: 14px; background: var(--solid); box-shadow: 0 0 0 1px var(--line2), var(--card-shadow); }
.pf8-langmenu a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 10px; color: var(--text); font-size: 14px; font-weight: 500; text-decoration: none; }
.pf8-langmenu a:hover, .pf8-langmenu a:focus-visible { background: var(--surface2); }
/* --link, not --accent-text: the light theme's accent blue measured 4.07:1 on the panel (P2a); his link blue passes. */
.pf8-langmenu a[aria-current] { color: var(--link); font-weight: 600; }
/* His mobile panel: Download next to the flag button (his inline grid); the list opens above the button. */
.pf7 .pf8-mrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding-top: 14px; }
.pf7 .pf7-mpanel .pf8-langmenu { top: auto; bottom: calc(100% + 8px); }
.pf7 .pf7-mpanel .pf8-langmenu a { min-height: 44px; padding: 0 12px; border-bottom: 0; font-size: 15px; }

/* Deviation: the YouTube demonstration of a feature, as a small text link in his caption card. */
.pf8-card .pf8-demo { margin-top: 10px; font-size: 13.5px; line-height: 1.4; }
.pf8-card .pf8-demo a { color: var(--link); font-weight: 600; text-decoration: none; }
.pf8-card .pf8-demo a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Keyboard focus for elements his CSS gives no focus style (his own :focus-visible rules win: zero
   specificity here). Same outline as the current site. */
:where(.pf7 :focus-visible) { outline: 2px solid var(--brand2); outline-offset: 2px; border-radius: 6px; }

/* Anchored sections and cards (#license, #lost-license, …) clear his sticky header. */
.pf8-main [id] { scroll-margin-top: 88px; }

/* Purchase buttons while checkout isn't connected (commerce switch off): same look, not clickable. */
.pf7-btn:disabled { cursor: not-allowed; translate: none; }
.pf8-pending { margin: 0; font-size: 13px; line-height: 1.45; color: var(--text3); text-align: center; }

/* Deviation (Pricing): our footnote under the plan cards, in the style of his hero's second line. */
.pf8-footnote { margin: 28px auto 0; max-width: 760px; font-size: 15px; line-height: 1.5; color: var(--text3); text-align: center; }

/* Deviation (Pricing): the subscription/license compare table, which his design doesn't include. Built
   from his card, line, text and highlight tokens and his FAQ's row rhythm. */
.pf8-tablecard { padding: 0; }
.pf8-tablecard:hover { translate: none; }
.pf8-tablescroll { overflow-x: auto; border-radius: inherit; }
.pf8-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 16px; line-height: 1.55; color: var(--text3); text-align: left; }
.pf8-table th, .pf8-table td { padding: 20px 24px; vertical-align: top; border-top: 1px solid var(--line); }
.pf8-table thead th, .pf8-table thead td { border-top: 0; padding-top: 24px; padding-bottom: 18px; font-size: 15px; font-weight: 600; }
.pf8-table tbody th { color: var(--text); font-weight: 600; white-space: nowrap; width: 1%; }
.pf8-table .pf8-pendingcell { font-style: italic; }
@media (max-width: 640px) { .pf8-table th, .pf8-table td { padding: 16px 18px; font-size: 15px; } }

/* Deviation (Activate): our "How did you buy Path Finder?" chooser under his hero, with his small ghost buttons. */
.pf8-chooser { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 10px; }
.pf8-chooser p { margin: 0; font-size: 15px; font-weight: 600; color: var(--text2); }
.pf8-chooser div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
/* Activate steps: our text in place of his skeleton lines, aligned with his 28px step number. */
.pf8-steptext { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding-top: 3px; font-size: 15.5px; line-height: 1.5; color: var(--text2); }
.pf8-stepshot { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--line2), 0 0 0 1px var(--line2); }
.pf8-pendingtext { font-style: italic; color: var(--text3); }

/* Deviation (Support): his design has no Support page. Built from his cards, icons, headings, step
   numbers, fields and buttons; layout and the rules below are our interpretation. */
.pf8-cardlist { list-style: none; margin: 0; padding: 0; }
.pf8-cardlist > li { display: flex; }
.pf8-linkcard { flex: 1; display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: inherit; }
.pf8-cardcta { margin-top: auto; padding-top: 6px; display: inline-flex; align-items: center; gap: 8px; color: var(--link); font-size: 15px; font-weight: 600; }
.pf8-linkcard:hover .pf8-cardcta svg { translate: 3px 0; }
.pf8-cardcta svg { transition: translate .2s ease; }
.pf8-supportgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.pf8-supportgrid #previous-versions { grid-row: span 2; }
@media (max-width: 900px) { .pf8-supportgrid { grid-template-columns: minmax(0, 1fr); } .pf8-supportgrid #previous-versions { grid-row: auto; } }
.pf8-stack { display: flex; flex-direction: column; gap: 14px; padding: 30px; }
.pf8-stack:hover { translate: none; }       /* cards holding forms don't lift on hover */
.pf8-versions { list-style: none; margin: 4px 0 0; padding: 0; font-size: 15px; }
.pf8-versions li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); }
.pf8-versions li > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; color: var(--text3); }
.pf8-versions strong { color: var(--text); font-weight: 600; }
.pf8-versions a { flex: none; font-weight: 600; text-decoration: none; }
/* v11: found releases as rows of his .u11-list (his grid, line and button); the version in his row heading's type. */
.pf7 .pf8-versions li.u11-row { display: grid; align-items: center; gap: 16px; padding: 18px 0; }
.pf7 .pf8-versions li.u11-row:first-child { border-top: 1px solid var(--line); }
.pf7 .u11-row strong { font-family: 'ct-shell Sora', ui-sans-serif, system-ui, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -0.007em; color: var(--text); }
.pf7 .u11-row > span > span { margin-top: 1px; font-size: 14.5px; color: var(--text3); }
/* Previous versions lookup (v8/PreviousVersions.astro): two one-line searches, a text button to browse, and a
   result list only as tall as its rows (at most seven, then page buttons). */
.pf8-pv { display: flex; flex-direction: column; gap: 14px; margin-top: 2px; }
.pf8-pvform .pf8-fielderror { margin-top: 6px; }
.pf8-pvform .pf7-btn { flex: none; }
/* Stacked on phones (.pf8-inline turns into a column): keep the field's own height. Under a column, flex: 1
   would size it from 0 and squeeze it to one text line. */
@media (max-width: 640px) { .pf8-pvform .pf8-inline .pf7-input { flex: none; } }
.pf8-pvform input[type="date"].pf7-input { color-scheme: dark; }
.pf7.theme-light .pf8-pvform input[type="date"].pf7-input { color-scheme: light; }
.pf8-pvbrowse { margin: 0; }
.pf8-textbtn { padding: 0; border: none; background: none; color: var(--link); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-align: left; }
.pf8-textbtn:hover { text-decoration: underline; }
.pf8-textbtn:focus-visible { outline: 2px solid var(--brand2); outline-offset: 3px; border-radius: 4px; }
.pf8-pvresults { display: flex; flex-direction: column; gap: 10px; }
.pf8-pvresults > p { margin: 0; }
.pf8-pvsummary { font-size: 15px; font-weight: 600; color: var(--text); outline: none; }
.pf8-pvsummary:focus-visible { outline: 2px solid var(--brand2); outline-offset: 3px; border-radius: 4px; }
.pf8-pvresults .pf8-versions { margin: 0; border-bottom: 1px solid var(--line); }
.pf8-pvnarrow { font-size: 14px; color: var(--text2); }
.pf8-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--text2); }
.pf8-pager .pf7-btn:disabled { opacity: .45; cursor: default; translate: none; }
.pf8-pvnotes { margin: 2px 0 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; line-height: 1.5; color: var(--text3); }
.pf8-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }

/* Forms (Support): his .pf7-input fields with our labels, layout and messages. */
.pf8-form { display: flex; flex-direction: column; gap: 16px; margin-top: 6px; }
.pf8-label { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--text2); }
.pf8-form textarea.pf7-input { height: auto; min-height: 150px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.pf8-form .pf7-input::placeholder { color: var(--text3); opacity: 1; }
.pf8-select { position: relative; display: block; }
.pf8-select select.pf7-input { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer; }
.pf8-select svg { position: absolute; right: 14px; top: 50%; translate: 0 -50%; color: var(--text3); pointer-events: none; }
.pf8-inline { display: flex; gap: 10px; }
.pf8-inline .pf7-input { flex: 1; min-width: 0; }
@media (max-width: 640px) { .pf8-inline { flex-direction: column; } }
.pf8-fieldhint { margin: 6px 0 0; font-size: 14px; color: var(--text3); }
.pf8-check { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 15px; font-weight: 600; color: var(--text2); cursor: pointer; }
.pf8-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--brand2); cursor: pointer; }
.pf8-check + .pf8-fieldhint { margin-top: 4px; }
.pf8-file { display: block; width: 100%; font: inherit; font-size: 14px; color: var(--text2); }
.pf8-file::file-selector-button { margin-right: 12px; min-height: 40px; padding: 0 17px; border: none; border-radius: 10px; background: var(--surface2); box-shadow: inset 0 0 0 1px var(--line2); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.pf8-file:focus-visible { outline: 2px solid var(--brand2); outline-offset: 3px; border-radius: 10px; }
.pf8-file[aria-invalid="true"]::file-selector-button { box-shadow: inset 0 0 0 2px var(--pf8-err); }
.pf8-formactions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 4px; }
.pf8-form .pf7-btn:disabled { opacity: .6; cursor: wait; translate: none; }
.pf8-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* Validation and status colours: his design has none; red and green chosen for contrast on his surfaces. */
.pf7 { --pf8-err: #ff8f8f; --pf8-ok: #5fd39a; }
.pf7.theme-light { --pf8-err: #c0262d; --pf8-ok: #157a47; }
.pf8-form .pf7-input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px var(--pf8-err); }
.pf8-fielderror { margin: 6px 0 0; font-size: 14px; color: var(--pf8-err); }
.pf8-fielderror:empty { display: none; }
.pf8-status { margin: 0; min-height: 1.4em; font-size: 14px; font-weight: 500; color: var(--text2); }
.pf8-status.is-ok { color: var(--pf8-ok); }
.pf8-status.is-error { color: var(--pf8-err); }

/* Deviation: on phones the header's trial button uses the language's short label (site.<lang>.yaml ›
   buttons › try_short) when there is one. German "Kostenlos testen" pushed the menu button off a 375-px
   screen. */
.pf8-try-short { display: none; }
@media (max-width: 440px) { .pf8-try-long { display: none; } .pf8-try-short { display: inline; } }

/* Deviation: below 340 px the theme button is left out, so the menu button stays on a 320-px screen (the page
   keeps the default dark theme, or the visitor's earlier choice). */
@media (max-width: 339px) {
  .pf8-hctl [data-v8-theme] { display: none; }
}

/* Deviation: with Features in the menu (owner decision D12, revised 11 November 2026) the German menu
   doesn't fit between 1101 and about 1124 px. His menu folds into the menu button at 1100 px; here it
   folds up to 1140 px, so every language fits. */
@media (max-width: 1140px) {
  .pf7 .n10-links { display: none; }
  .pf7-menu { display: inline-grid !important; }
}
/* ... and the menu panel opens there too (his rule hides an open panel from 1101 px). */
@media (min-width: 1101px) and (max-width: 1140px) {
  .pf7 .n10 .pf7-mpanel.is-open { display: flex; }
}
/* His v11 footer sets its links in 15 px; the v8 footer rule (.pf7-foot a) says 14 px. */
/* Footer bottom row: our release line (version, date and minimum macOS) is longer than his "Latest: Path Finder
   …", and with our address and legal labels the row needs ~1480 px. From 1240 px it stays one row as his: the
   release line on one line, the copyright block beside it right-aligned (address, then Terms and Privacy).
   Narrower, the two stack as in his design. */
.pf7 .pf8-fmeta { flex-wrap: wrap; }
@media (min-width: 1240px) {
  .pf7 .pf8-fmeta { flex-wrap: nowrap; }
  .pf7 .pf8-fmeta > p:first-child { flex: none; white-space: nowrap; }
  .pf7 .pf8-fcopy { flex: 0 1 auto; justify-content: flex-end; text-align: right; }
}
.pf7 .f11 nav a { font-size: 15px; }

/* Help bot (v8/HelpChat.astro, on pages where "chat" is on). Zendesk places its 64 px launcher 16 px from
   the bottom right corner; the position is a Zendesk setting. Our own content keeps clear of it: the
   translation notice's text, and the end of the footer on narrower screens, where its last link would
   otherwise sit under the launcher. Footer links are as wide as their text (they look the same), so the
   right-hand column's links don't reach under the launcher, e.g. on the short 404 page at 1024 × 768. */
.pf8-chat .pf8-notice { padding-right: 96px; }
.pf8-chat .pf7-foot nav a { align-self: flex-start; }
@media (max-width: 1140px) {
  .pf8-chat .pf7-foot { padding-bottom: 80px; }
}

/* v11 (complete integration). Homepage blog: his g11 grid (one large card, two small ones in the second
   column) built from our list, whose items are display: contents (above). */
.pf8-posts.g11 { margin-top: 40px; }
@media (min-width: 1001px) {
  .pf8-posts.g11 { grid-template-rows: 1fr 1fr; }
  .pf8-posts.g11 .g11-big { grid-row: 1 / span 2; }
  .pf8-posts.g11 .g11-sm { grid-column: 2; }
}
/* Deviation (closing call to action, Home and Features): his panel ends in the newsletter row (.c11-news), which
   isn't shown (D-25). Without it the panel stopped at the "Already purchased?" line, on its bottom edge, and the
   heading looked oversized (Alexandra, 13 Nov 2026). The same space below as above, his top padding. */
.pf7 .c11:not(:has(.c11-news)) { padding-bottom: 84px; }
@media (max-width: 700px) { .pf7 .c11:not(:has(.c11-news)) { padding-bottom: 60px; } }
/* Activate (v11): bold words in our step texts as his <b>, and a step's screenshot when one is set. */
.pf7 .a11-steps strong { font-weight: 600; color: var(--text); }
.pf7 .a11-steps .pf8-stepshot { display: block; margin-top: 12px; }
/* Support (v11): his link cards as a list; the release finder in his list card; our contact form in his
   .u11-form grid (ContactForm v11), where our general form rule would otherwise make it a column. Our SetApp
   box, hints and error lines sit in his fields; a refused file turns his file area's text red. */
.pf8-cardlist .u11-card { flex: 1; }
.pf7 .u11-contact { padding: 36px; }
.u11-list.pf8-stack { padding: 28px; }
.pf7 .pf8-form.u11-form { display: grid; gap: 18px 20px; align-items: start; margin-top: 0; }
.pf7 .u11-f .pf8-fieldhint, .pf7 .u11-f .pf8-fielderror { margin-top: 0; }
.pf7 .u11-f .pf8-check { margin-top: 4px; }
.pf7 .u11-drop input[aria-invalid="true"] ~ span { color: var(--pf8-err); }
@media (max-width: 700px) {
  .pf7 .u11-contact { padding: 24px 20px; }
}
/* Contrast (v11): his hero trial line and caption use --text3 over the aurora, measured 2.0–3.5:1 (WCAG AA needs
   4.5:1; before v11 they measured 4.1–6.7:1). One token step darker/brighter: his --text2. */
.pf7 .h11-trial, .pf7 .h11 .pf7-cap { color: var(--text2); }
/* Contrast (v11): the feature-stage label and its "01 / 03" counter are his scene colour (--ac) over the stage's
   blue spotlight, measured 3.5–4.3:1. Same hue, mixed with white until it passes over the brightest part of the
   spotlight. */
.pf7 .s11-stage .pf8-card .pf7-label, .pf7 .s11-stage .pf8-card::before { color: color-mix(in srgb, var(--ac) 55%, #fff); }
/* Contrast (v11, light theme): links on his tinted cards (Activate, Pricing guidance) and the Support card links
   are --link #1E72E0 over the tint, measured 4.4–4.5:1. His own darker light link colour (#1563C9, from his base
   palette) for those cards. */
.pf7.theme-light .tint11 > .pf7-card, .pf7.theme-light .u11-card { --link: #1563C9; }
/* Contrast (failures from before v11, fixed 13 November 2026), each with his own colours:
   - Download and the other primary buttons (.pf7-dl): white text on his #4a9dff → #1E72E0 gradient measured
     3.0–3.6:1. The gradient now runs from his flat button blue #1E72E0 (4.7:1, his non-dark .pf7-dl) to a deeper
     #1763CB; hover keeps that background and brightens only his glow and ring.
   - The small label above a page-top heading in the light theme ("PRICING"): his --accent-text #1E72E0 over the
     light aurora measured 3.7:1 (his link blue #1563C9 still 4.4:1); his light-theme heading blue --head2 here.
   - The hero caption in the light theme sits on the window's drop shadow: his --text2 measured 3.6:1; his --text. */
.pf7.theme-dark .pf7-dl, .pf7.theme-light .pf7-dl, .pf7 .tone-dark .pf7-dl { background: linear-gradient(180deg, #1E72E0 0%, #1763CB 100%); }
.pf7.theme-dark .pf7-dl:hover, .pf7.theme-light .pf7-dl:hover, .pf7 .tone-dark .pf7-dl:hover { background: linear-gradient(180deg, #1E72E0 0%, #1763CB 100%); }
.pf7.theme-light .t11-top .pf7-label { color: var(--head2); }
.pf7.theme-light .h11 .pf7-cap { color: var(--text); }

/* Performance (13 November 2026): his aurora (.a11: four large ellipses with filter: blur(80px), slowly
   drifting) drawn as radial gradients with the blur's own profile instead of a live blur. Measured in Safari 26.5,
   1440 × 900, first visit: Home scrolled at 36 fps with a 1-second stall, Features at 48 fps; with these gradients
   58 and 59 fps, longest frame 39 ms (docs/v11-performance.md). Same colours, positions, opacities and animation;
   against his blur the pictures differ by 1–5 of 255 levels on average (checked at 1440, 950 and 390 px, both
   themes, the hero, the page tops and the closing card).
   The profile: across an ellipse's x radius r, a uniform band blurred with a Gaussian (sigma 80 px):
   I(x) = k · (erf((r − x)/s) + erf((r + x)/s)) / 2, s = 80 · √2, k = erf(r_y / s) (a short ellipse is dimmer);
   each element grows by 2 sigma (160 px) on every side, and the stops are I at 13 points across that radius.
   r follows the window (or the closing card), so the stops are given for three window widths. */
.pf7 .a11 i { filter: none; border-radius: 0; box-sizing: content-box; padding: 160px; margin: -160px; }
.pf7 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 100%, transparent) 0%, color-mix(in srgb, var(--au1) 100%, transparent) 8%, color-mix(in srgb, var(--au1) 100%, transparent) 17%, color-mix(in srgb, var(--au1) 100%, transparent) 25%, color-mix(in srgb, var(--au1) 99%, transparent) 33%, color-mix(in srgb, var(--au1) 95%, transparent) 42%, color-mix(in srgb, var(--au1) 88%, transparent) 50%, color-mix(in srgb, var(--au1) 74%, transparent) 58%, color-mix(in srgb, var(--au1) 54%, transparent) 67%, color-mix(in srgb, var(--au1) 34%, transparent) 75%, color-mix(in srgb, var(--au1) 17%, transparent) 83%, color-mix(in srgb, var(--au1) 7%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 100%, transparent) 0%, color-mix(in srgb, var(--au2) 100%, transparent) 8%, color-mix(in srgb, var(--au2) 100%, transparent) 17%, color-mix(in srgb, var(--au2) 99%, transparent) 25%, color-mix(in srgb, var(--au2) 97%, transparent) 33%, color-mix(in srgb, var(--au2) 93%, transparent) 42%, color-mix(in srgb, var(--au2) 83%, transparent) 50%, color-mix(in srgb, var(--au2) 68%, transparent) 58%, color-mix(in srgb, var(--au2) 49%, transparent) 67%, color-mix(in srgb, var(--au2) 30%, transparent) 75%, color-mix(in srgb, var(--au2) 16%, transparent) 83%, color-mix(in srgb, var(--au2) 7%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 100%, transparent) 0%, color-mix(in srgb, var(--au3) 100%, transparent) 8%, color-mix(in srgb, var(--au3) 100%, transparent) 17%, color-mix(in srgb, var(--au3) 99%, transparent) 25%, color-mix(in srgb, var(--au3) 96%, transparent) 33%, color-mix(in srgb, var(--au3) 90%, transparent) 42%, color-mix(in srgb, var(--au3) 79%, transparent) 50%, color-mix(in srgb, var(--au3) 63%, transparent) 58%, color-mix(in srgb, var(--au3) 45%, transparent) 67%, color-mix(in srgb, var(--au3) 27%, transparent) 75%, color-mix(in srgb, var(--au3) 14%, transparent) 83%, color-mix(in srgb, var(--au3) 6%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 92%, transparent) 0%, color-mix(in srgb, var(--au4) 91%, transparent) 8%, color-mix(in srgb, var(--au4) 88%, transparent) 17%, color-mix(in srgb, var(--au4) 84%, transparent) 25%, color-mix(in srgb, var(--au4) 76%, transparent) 33%, color-mix(in srgb, var(--au4) 66%, transparent) 42%, color-mix(in srgb, var(--au4) 53%, transparent) 50%, color-mix(in srgb, var(--au4) 40%, transparent) 58%, color-mix(in srgb, var(--au4) 27%, transparent) 67%, color-mix(in srgb, var(--au4) 17%, transparent) 75%, color-mix(in srgb, var(--au4) 9%, transparent) 83%, color-mix(in srgb, var(--au4) 5%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 83%, transparent) 0%, color-mix(in srgb, var(--au1) 83%, transparent) 8%, color-mix(in srgb, var(--au1) 83%, transparent) 17%, color-mix(in srgb, var(--au1) 82%, transparent) 25%, color-mix(in srgb, var(--au1) 80%, transparent) 33%, color-mix(in srgb, var(--au1) 75%, transparent) 42%, color-mix(in srgb, var(--au1) 66%, transparent) 50%, color-mix(in srgb, var(--au1) 53%, transparent) 58%, color-mix(in srgb, var(--au1) 37%, transparent) 67%, color-mix(in srgb, var(--au1) 23%, transparent) 75%, color-mix(in srgb, var(--au1) 12%, transparent) 83%, color-mix(in srgb, var(--au1) 5%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 73%, transparent) 0%, color-mix(in srgb, var(--au2) 73%, transparent) 8%, color-mix(in srgb, var(--au2) 73%, transparent) 17%, color-mix(in srgb, var(--au2) 72%, transparent) 25%, color-mix(in srgb, var(--au2) 69%, transparent) 33%, color-mix(in srgb, var(--au2) 63%, transparent) 42%, color-mix(in srgb, var(--au2) 55%, transparent) 50%, color-mix(in srgb, var(--au2) 43%, transparent) 58%, color-mix(in srgb, var(--au2) 30%, transparent) 67%, color-mix(in srgb, var(--au2) 18%, transparent) 75%, color-mix(in srgb, var(--au2) 10%, transparent) 83%, color-mix(in srgb, var(--au2) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 77%, transparent) 0%, color-mix(in srgb, var(--au3) 77%, transparent) 8%, color-mix(in srgb, var(--au3) 76%, transparent) 17%, color-mix(in srgb, var(--au3) 74%, transparent) 25%, color-mix(in srgb, var(--au3) 70%, transparent) 33%, color-mix(in srgb, var(--au3) 63%, transparent) 42%, color-mix(in srgb, var(--au3) 53%, transparent) 50%, color-mix(in srgb, var(--au3) 41%, transparent) 58%, color-mix(in srgb, var(--au3) 29%, transparent) 67%, color-mix(in srgb, var(--au3) 17%, transparent) 75%, color-mix(in srgb, var(--au3) 9%, transparent) 83%, color-mix(in srgb, var(--au3) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 47%, transparent) 0%, color-mix(in srgb, var(--au4) 47%, transparent) 8%, color-mix(in srgb, var(--au4) 45%, transparent) 17%, color-mix(in srgb, var(--au4) 41%, transparent) 25%, color-mix(in srgb, var(--au4) 37%, transparent) 33%, color-mix(in srgb, var(--au4) 31%, transparent) 42%, color-mix(in srgb, var(--au4) 24%, transparent) 50%, color-mix(in srgb, var(--au4) 18%, transparent) 58%, color-mix(in srgb, var(--au4) 12%, transparent) 67%, color-mix(in srgb, var(--au4) 8%, transparent) 75%, color-mix(in srgb, var(--au4) 4%, transparent) 83%, color-mix(in srgb, var(--au4) 2%, transparent) 92%, transparent 100%); }
@media (max-width: 1199px) {
.pf7 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 100%, transparent) 0%, color-mix(in srgb, var(--au1) 99%, transparent) 8%, color-mix(in srgb, var(--au1) 98%, transparent) 17%, color-mix(in srgb, var(--au1) 95%, transparent) 25%, color-mix(in srgb, var(--au1) 89%, transparent) 33%, color-mix(in srgb, var(--au1) 80%, transparent) 42%, color-mix(in srgb, var(--au1) 66%, transparent) 50%, color-mix(in srgb, var(--au1) 51%, transparent) 58%, color-mix(in srgb, var(--au1) 35%, transparent) 67%, color-mix(in srgb, var(--au1) 22%, transparent) 75%, color-mix(in srgb, var(--au1) 12%, transparent) 83%, color-mix(in srgb, var(--au1) 6%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 99%, transparent) 0%, color-mix(in srgb, var(--au2) 98%, transparent) 8%, color-mix(in srgb, var(--au2) 96%, transparent) 17%, color-mix(in srgb, var(--au2) 93%, transparent) 25%, color-mix(in srgb, var(--au2) 86%, transparent) 33%, color-mix(in srgb, var(--au2) 75%, transparent) 42%, color-mix(in srgb, var(--au2) 62%, transparent) 50%, color-mix(in srgb, var(--au2) 47%, transparent) 58%, color-mix(in srgb, var(--au2) 32%, transparent) 67%, color-mix(in srgb, var(--au2) 20%, transparent) 75%, color-mix(in srgb, var(--au2) 11%, transparent) 83%, color-mix(in srgb, var(--au2) 5%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 98%, transparent) 0%, color-mix(in srgb, var(--au3) 97%, transparent) 8%, color-mix(in srgb, var(--au3) 95%, transparent) 17%, color-mix(in srgb, var(--au3) 90%, transparent) 25%, color-mix(in srgb, var(--au3) 82%, transparent) 33%, color-mix(in srgb, var(--au3) 71%, transparent) 42%, color-mix(in srgb, var(--au3) 57%, transparent) 50%, color-mix(in srgb, var(--au3) 43%, transparent) 58%, color-mix(in srgb, var(--au3) 29%, transparent) 67%, color-mix(in srgb, var(--au3) 18%, transparent) 75%, color-mix(in srgb, var(--au3) 10%, transparent) 83%, color-mix(in srgb, var(--au3) 5%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 82%, transparent) 0%, color-mix(in srgb, var(--au4) 80%, transparent) 8%, color-mix(in srgb, var(--au4) 76%, transparent) 17%, color-mix(in srgb, var(--au4) 69%, transparent) 25%, color-mix(in srgb, var(--au4) 60%, transparent) 33%, color-mix(in srgb, var(--au4) 49%, transparent) 42%, color-mix(in srgb, var(--au4) 38%, transparent) 50%, color-mix(in srgb, var(--au4) 28%, transparent) 58%, color-mix(in srgb, var(--au4) 19%, transparent) 67%, color-mix(in srgb, var(--au4) 12%, transparent) 75%, color-mix(in srgb, var(--au4) 7%, transparent) 83%, color-mix(in srgb, var(--au4) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 77%, transparent) 0%, color-mix(in srgb, var(--au1) 77%, transparent) 8%, color-mix(in srgb, var(--au1) 75%, transparent) 17%, color-mix(in srgb, var(--au1) 73%, transparent) 25%, color-mix(in srgb, var(--au1) 68%, transparent) 33%, color-mix(in srgb, var(--au1) 60%, transparent) 42%, color-mix(in srgb, var(--au1) 50%, transparent) 50%, color-mix(in srgb, var(--au1) 38%, transparent) 58%, color-mix(in srgb, var(--au1) 26%, transparent) 67%, color-mix(in srgb, var(--au1) 16%, transparent) 75%, color-mix(in srgb, var(--au1) 9%, transparent) 83%, color-mix(in srgb, var(--au1) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 66%, transparent) 0%, color-mix(in srgb, var(--au2) 66%, transparent) 8%, color-mix(in srgb, var(--au2) 64%, transparent) 17%, color-mix(in srgb, var(--au2) 62%, transparent) 25%, color-mix(in srgb, var(--au2) 57%, transparent) 33%, color-mix(in srgb, var(--au2) 49%, transparent) 42%, color-mix(in srgb, var(--au2) 40%, transparent) 50%, color-mix(in srgb, var(--au2) 30%, transparent) 58%, color-mix(in srgb, var(--au2) 21%, transparent) 67%, color-mix(in srgb, var(--au2) 13%, transparent) 75%, color-mix(in srgb, var(--au2) 7%, transparent) 83%, color-mix(in srgb, var(--au2) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 69%, transparent) 0%, color-mix(in srgb, var(--au3) 69%, transparent) 8%, color-mix(in srgb, var(--au3) 67%, transparent) 17%, color-mix(in srgb, var(--au3) 63%, transparent) 25%, color-mix(in srgb, var(--au3) 57%, transparent) 33%, color-mix(in srgb, var(--au3) 49%, transparent) 42%, color-mix(in srgb, var(--au3) 39%, transparent) 50%, color-mix(in srgb, var(--au3) 29%, transparent) 58%, color-mix(in srgb, var(--au3) 20%, transparent) 67%, color-mix(in srgb, var(--au3) 12%, transparent) 75%, color-mix(in srgb, var(--au3) 7%, transparent) 83%, color-mix(in srgb, var(--au3) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 38%, transparent) 0%, color-mix(in srgb, var(--au4) 37%, transparent) 8%, color-mix(in srgb, var(--au4) 35%, transparent) 17%, color-mix(in srgb, var(--au4) 32%, transparent) 25%, color-mix(in srgb, var(--au4) 27%, transparent) 33%, color-mix(in srgb, var(--au4) 23%, transparent) 42%, color-mix(in srgb, var(--au4) 18%, transparent) 50%, color-mix(in srgb, var(--au4) 13%, transparent) 58%, color-mix(in srgb, var(--au4) 9%, transparent) 67%, color-mix(in srgb, var(--au4) 6%, transparent) 75%, color-mix(in srgb, var(--au4) 3%, transparent) 83%, color-mix(in srgb, var(--au4) 2%, transparent) 92%, transparent 100%); }
}
@media (max-width: 700px) {
.pf7 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 76%, transparent) 0%, color-mix(in srgb, var(--au1) 74%, transparent) 8%, color-mix(in srgb, var(--au1) 69%, transparent) 17%, color-mix(in srgb, var(--au1) 62%, transparent) 25%, color-mix(in srgb, var(--au1) 53%, transparent) 33%, color-mix(in srgb, var(--au1) 43%, transparent) 42%, color-mix(in srgb, var(--au1) 34%, transparent) 50%, color-mix(in srgb, var(--au1) 25%, transparent) 58%, color-mix(in srgb, var(--au1) 17%, transparent) 67%, color-mix(in srgb, var(--au1) 11%, transparent) 75%, color-mix(in srgb, var(--au1) 7%, transparent) 83%, color-mix(in srgb, var(--au1) 4%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 71%, transparent) 0%, color-mix(in srgb, var(--au2) 70%, transparent) 8%, color-mix(in srgb, var(--au2) 65%, transparent) 17%, color-mix(in srgb, var(--au2) 59%, transparent) 25%, color-mix(in srgb, var(--au2) 50%, transparent) 33%, color-mix(in srgb, var(--au2) 41%, transparent) 42%, color-mix(in srgb, var(--au2) 32%, transparent) 50%, color-mix(in srgb, var(--au2) 23%, transparent) 58%, color-mix(in srgb, var(--au2) 16%, transparent) 67%, color-mix(in srgb, var(--au2) 11%, transparent) 75%, color-mix(in srgb, var(--au2) 7%, transparent) 83%, color-mix(in srgb, var(--au2) 4%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 67%, transparent) 0%, color-mix(in srgb, var(--au3) 66%, transparent) 8%, color-mix(in srgb, var(--au3) 61%, transparent) 17%, color-mix(in srgb, var(--au3) 55%, transparent) 25%, color-mix(in srgb, var(--au3) 47%, transparent) 33%, color-mix(in srgb, var(--au3) 38%, transparent) 42%, color-mix(in srgb, var(--au3) 30%, transparent) 50%, color-mix(in srgb, var(--au3) 22%, transparent) 58%, color-mix(in srgb, var(--au3) 15%, transparent) 67%, color-mix(in srgb, var(--au3) 10%, transparent) 75%, color-mix(in srgb, var(--au3) 7%, transparent) 83%, color-mix(in srgb, var(--au3) 4%, transparent) 92%, transparent 100%); }
.pf7 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 44%, transparent) 0%, color-mix(in srgb, var(--au4) 43%, transparent) 8%, color-mix(in srgb, var(--au4) 41%, transparent) 17%, color-mix(in srgb, var(--au4) 37%, transparent) 25%, color-mix(in srgb, var(--au4) 32%, transparent) 33%, color-mix(in srgb, var(--au4) 26%, transparent) 42%, color-mix(in srgb, var(--au4) 21%, transparent) 50%, color-mix(in srgb, var(--au4) 16%, transparent) 58%, color-mix(in srgb, var(--au4) 11%, transparent) 67%, color-mix(in srgb, var(--au4) 8%, transparent) 75%, color-mix(in srgb, var(--au4) 5%, transparent) 83%, color-mix(in srgb, var(--au4) 3%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a1 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au1) 67%, transparent) 0%, color-mix(in srgb, var(--au1) 65%, transparent) 8%, color-mix(in srgb, var(--au1) 61%, transparent) 17%, color-mix(in srgb, var(--au1) 55%, transparent) 25%, color-mix(in srgb, var(--au1) 47%, transparent) 33%, color-mix(in srgb, var(--au1) 38%, transparent) 42%, color-mix(in srgb, var(--au1) 29%, transparent) 50%, color-mix(in srgb, var(--au1) 22%, transparent) 58%, color-mix(in srgb, var(--au1) 15%, transparent) 67%, color-mix(in srgb, var(--au1) 10%, transparent) 75%, color-mix(in srgb, var(--au1) 6%, transparent) 83%, color-mix(in srgb, var(--au1) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a2 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au2) 58%, transparent) 0%, color-mix(in srgb, var(--au2) 57%, transparent) 8%, color-mix(in srgb, var(--au2) 53%, transparent) 17%, color-mix(in srgb, var(--au2) 48%, transparent) 25%, color-mix(in srgb, var(--au2) 41%, transparent) 33%, color-mix(in srgb, var(--au2) 33%, transparent) 42%, color-mix(in srgb, var(--au2) 26%, transparent) 50%, color-mix(in srgb, var(--au2) 19%, transparent) 58%, color-mix(in srgb, var(--au2) 13%, transparent) 67%, color-mix(in srgb, var(--au2) 9%, transparent) 75%, color-mix(in srgb, var(--au2) 6%, transparent) 83%, color-mix(in srgb, var(--au2) 3%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a3 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au3) 56%, transparent) 0%, color-mix(in srgb, var(--au3) 55%, transparent) 8%, color-mix(in srgb, var(--au3) 51%, transparent) 17%, color-mix(in srgb, var(--au3) 46%, transparent) 25%, color-mix(in srgb, var(--au3) 39%, transparent) 33%, color-mix(in srgb, var(--au3) 32%, transparent) 42%, color-mix(in srgb, var(--au3) 25%, transparent) 50%, color-mix(in srgb, var(--au3) 19%, transparent) 58%, color-mix(in srgb, var(--au3) 13%, transparent) 67%, color-mix(in srgb, var(--au3) 9%, transparent) 75%, color-mix(in srgb, var(--au3) 6%, transparent) 83%, color-mix(in srgb, var(--au3) 4%, transparent) 92%, transparent 100%); }
.pf7 .c11 .a11 .a4 { background: radial-gradient(closest-side, color-mix(in srgb, var(--au4) 28%, transparent) 0%, color-mix(in srgb, var(--au4) 27%, transparent) 8%, color-mix(in srgb, var(--au4) 26%, transparent) 17%, color-mix(in srgb, var(--au4) 23%, transparent) 25%, color-mix(in srgb, var(--au4) 20%, transparent) 33%, color-mix(in srgb, var(--au4) 17%, transparent) 42%, color-mix(in srgb, var(--au4) 13%, transparent) 50%, color-mix(in srgb, var(--au4) 10%, transparent) 58%, color-mix(in srgb, var(--au4) 7%, transparent) 67%, color-mix(in srgb, var(--au4) 5%, transparent) 75%, color-mix(in srgb, var(--au4) 4%, transparent) 83%, color-mix(in srgb, var(--au4) 2%, transparent) 92%, transparent 100%); }
}
/* Deviation (feature stage, Home and Features): his light that follows the pointer (.s11-light, 460 px at 16 %, blended
   over the screenshots) washed out the app windows and read as a large circle around the mouse (owner, 13 Nov 2026).
   Smaller and fainter; same colour, blend and position. */
@media (hover: hover) {
  .pf7.is-scroll .s11-light, .pf7 .is-scroll .s11-light { background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 30%), rgba(70,170,255,0.06), transparent 62%); }
}