/* ==========================================================================
   FreePhoneTracker theme — v2 "Signal" design system (violet / pink brand)
   Self-hosted Manrope (display) + Inter (body). Component-oriented: the page
   content written by the importer uses these classes.
   ========================================================================== */
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/manrope-latin-600-normal.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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-latin-700-normal.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:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/manrope-latin-800-normal.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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.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:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-latin-600-normal.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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-latin-700-normal.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}

:root{
  --paper:#F6F4FC; --paper-2:#EFEBFA; --surface:#FFFFFF; --surface-2:#FAF8FF;
  --ink:#141126; --ink-2:#2E2A44; --muted:#5F5A78; --faint:#8D88A6;
  --line:#E6E1F3; --line-2:#D6CFEA; --hair:rgba(20,17,38,.08);
  --violet:#7050EC; --violet-600:#5F3FE0; --violet-700:#4D31C4; --violet-050:#EEEAFE; --violet-100:#E1DAFD; --violet-3:#9B82FF;
  --pink:#D9418A; --pink-fill:#FF6FB7; --pink-050:#FDE7F1; --pink-100:#FBD2E4;
  --good:#1F9D6B; --good-050:#DDF3E9; --warn:#B7791F; --warn-050:#FBF0D9; --blue:#2F62F6; --blue-050:#E8EFFF; --amber:#D97706; --amber-050:#FCF0DB;
  --navy:#171232; --navy-2:#0F0B22;
  --shadow-sm:0 1px 2px rgba(38,27,74,.05),0 4px 14px rgba(38,27,74,.06);
  --shadow:0 8px 20px rgba(38,27,74,.07),0 28px 60px rgba(38,27,74,.10);
  --shadow-lg:0 20px 40px rgba(38,27,74,.14),0 50px 100px rgba(38,27,74,.16);
  --ring:0 0 0 4px rgba(112,80,236,.18);
  --r:16px; --r-lg:24px; --r-xl:32px; --pill:999px;
  --maxw:1200px; --narrow:800px;
  --display:"Manrope","Inter","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --body:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink-2);font-family:var(--body);font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}
img{max-width:100%;height:auto;display:block}
svg{display:inline-block;vertical-align:middle}
a{color:var(--violet-700);text-decoration:none;transition:color .15s var(--ease)}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.12;letter-spacing:-.022em;color:var(--ink);margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(36px,5.2vw,60px);line-height:1.05;letter-spacing:-.03em}
h2{font-size:clamp(28px,3.6vw,42px)}
h3{font-size:clamp(19px,2vw,22px);font-weight:700;letter-spacing:-.015em}
h4{font-size:17px;font-weight:700}
p{margin:0 0 1.1em}
strong,b{color:var(--ink);font-weight:700}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
li{margin:.35em 0}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
::selection{background:rgba(112,80,236,.18)}
:focus-visible{outline:none;box-shadow:var(--ring)}
section{position:relative;overflow-x:clip}

/* ---- a11y ---- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed!important;top:12px;left:12px;z-index:9999;width:auto;height:auto;margin:0;padding:12px 18px;clip:auto;background:#fff;color:var(--violet-700);border-radius:12px;box-shadow:var(--shadow);font-weight:700}

/* ---- layout ---- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;width:100%}
.narrow{max-width:var(--narrow);margin-inline:auto}
.section{padding:clamp(56px,7vw,96px) 0}
.section-tight{padding:48px 0}
.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--body);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--violet-700);background:var(--violet-050);padding:6px 12px 6px 10px;border-radius:var(--pill);margin-bottom:16px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(112,80,236,.18)}
.eyebrow.pink{color:#B8306E;background:var(--pink-050)}
.eyebrow.pink::before{box-shadow:0 0 0 3px rgba(217,65,138,.18)}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--muted);line-height:1.65;max-width:62ch}
.center .lead,.sec-head.center .lead{margin-inline:auto}
.muted{color:var(--muted)}
.sec-head{max-width:66ch;margin:0 auto 40px}
.sec-head.left{margin-left:0}
.sec-head p{color:var(--muted)}

/* ---- buttons ---- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--body);font-weight:700;font-size:15px;line-height:1;padding:13px 20px;border-radius:12px;border:1px solid transparent;cursor:pointer;white-space:nowrap;letter-spacing:.005em;text-decoration:none;
  transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{color:#fff;background:linear-gradient(180deg,#7E60FF 0%,#5F3FE0 100%);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(77,49,196,.3),0 8px 20px -6px rgba(77,49,196,.55)}
.btn-primary:hover{color:#fff;background:linear-gradient(180deg,#886BFF 0%,#6749EA 100%);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 2px 4px rgba(77,49,196,.3),0 14px 28px -8px rgba(77,49,196,.6)}
.btn-ghost{color:var(--ink);background:#fff;border-color:var(--line-2);box-shadow:0 1px 2px rgba(38,27,74,.04)}
.btn-ghost:hover{color:var(--ink);border-color:var(--ink);box-shadow:0 6px 16px -6px rgba(38,27,74,.2)}
.btn-pink{color:#fff;background:linear-gradient(180deg,#FF7CBF,#E04E97);box-shadow:0 8px 20px -6px rgba(217,65,138,.5)}
.btn-pink:hover{color:#fff}
.btn-lg{padding:16px 26px;font-size:16px;border-radius:14px}
.btn-primary::after,.btn-ghost::after,.btn-pink::after{content:"";width:14px;height:14px;flex:none;background:currentColor;opacity:.9;transition:transform .18s var(--ease);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m12 5 7 7-7 7'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m12 5 7 7-7 7'/></svg>") center/contain no-repeat}
.btn:hover::after{transform:translateX(3px)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn-row.center{justify-content:center}
.tinynote{font-size:14px;color:var(--muted)}

/* ---- store buttons ---- */
.store-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.store-btn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 20px 0 14px;border-radius:14px;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.08);text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 10px 24px -10px rgba(23,18,50,.6);transition:transform .16s var(--ease),background .16s}
.store-btn:hover{color:#fff;text-decoration:none;background:#000;transform:translateY(-1px)}
.store-btn>span:last-child{display:flex;flex-direction:column;line-height:1.1;text-align:left;gap:2px}
.store-btn .s-sub{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62);display:block;line-height:1.1}
.store-btn .s-main{font-size:16.5px;font-weight:700;line-height:1.15;font-family:var(--display);letter-spacing:-.01em}
.store-btn .s-ico{display:grid;place-items:center;width:28px;height:28px;flex:none}
.store-btn .s-ico .ci{width:26px;height:26px;background:#B9A6FF}
.store-btn svg{width:26px;height:26px;display:block}
.cta .store-btn{background:#fff;color:var(--ink);border-color:transparent}
.cta .store-btn .s-sub{color:var(--muted)}.cta .store-btn .s-main{color:var(--ink)}.cta .store-btn .s-ico .ci{background:var(--violet)}

/* ---- header / nav ---- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--hair)}
.nav{position:relative;display:flex;align-items:center;gap:20px;height:74px}
.brand{display:flex;align-items:center;gap:0;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;flex:none}
.brand:hover{text-decoration:none}
.brand img{width:36px;height:36px;border-radius:10px;margin-right:10px;box-shadow:0 2px 6px rgba(20,17,38,.18)}
.brand span{white-space:nowrap}
.brand span b{color:var(--violet);font-weight:800}
.nav-drawer{display:flex;align-items:center;gap:18px;margin-left:auto}
.nav-menu{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin-block:0}
.nav-menu li{margin:0}
.nav-menu a{color:var(--ink-2);font-weight:600;font-size:14.5px;padding:9px 13px;border-radius:10px;text-decoration:none;display:block;transition:background .15s var(--ease),color .15s var(--ease)}
.nav-menu a:hover,.nav-menu .current-menu-item>a,.nav-menu .current-menu-ancestor>a{background:var(--violet-050);color:var(--violet-700);text-decoration:none}
.nav-menu .menu-item-has-children{position:relative}
.nav-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:8px;height:8px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.6}
.nav-menu .sub-menu{position:absolute;top:100%;left:0;min-width:250px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;list-style:none;margin:8px 0 0}
.nav-menu .menu-item-has-children:hover .sub-menu,.nav-menu .menu-item-has-children:focus-within .sub-menu{display:block}
.nav-menu .sub-menu a{display:block;padding:9px 12px;font-size:14px}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-actions .btn{padding:10px 16px;font-size:14px}
.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:#fff;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:0;border-radius:2px;transition:transform .2s var(--ease),opacity .2s}
.nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .nav-toggle span:nth-child(2){opacity:0}
.nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){
  .nav-toggle{display:flex;margin-left:auto}
  .nav-drawer{display:none}
  .nav.open .nav-drawer{display:block;position:absolute;top:calc(100% + 1px);left:-24px;right:-24px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(38,27,74,.14);padding:12px 18px 20px;margin:0;max-height:calc(100dvh - 76px);overflow-y:auto}
  .nav.open .nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .nav.open .nav-menu a{font-size:16px;padding:13px 12px}
  .nav.open .nav-menu .menu-item-has-children>a::after{display:none}
  .nav.open .nav-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 12px;margin:0;min-width:0}
  .nav.open .nav-menu .sub-menu a{font-size:15px;padding:9px 12px;color:var(--muted)}
  .nav.open .nav-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
  .nav.open .nav-actions .btn{width:100%;padding:14px 20px;font-size:16px}
}

/* ---- hero ---- */
.hero{position:relative;overflow:hidden;padding:76px 0 64px;
  background:radial-gradient(900px 520px at 88% -10%,rgba(255,111,183,.16),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(112,80,236,.16),transparent 60%),linear-gradient(180deg,#FFFFFF 0%,var(--paper) 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(20,17,38,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,17,38,.045) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(700px 420px at 50% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(700px 420px at 50% 0%,#000 30%,transparent 100%)}
.hero>.wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
.hero h1{margin-bottom:.4em}
.hero .lead{margin-bottom:28px;max-width:40ch}
.hero-media{position:relative;display:grid;place-items:center}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:14px;align-items:center}
.trust-row .t{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.tick{color:var(--good);display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--good-050);font-size:11px;font-weight:800}
@media(max-width:900px){.hero{padding:56px 0 48px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero .lead{max-width:none}}

/* ---- device frames ---- */
.phone{position:relative;width:100%;max-width:266px;margin-inline:auto;border-radius:40px;padding:10px;
  background:linear-gradient(160deg,#2B2440 0%,#161225 45%,#07050F 100%);
  box-shadow:0 0 0 1.5px #0A0716,0 0 0 3px rgba(255,255,255,.06) inset,0 2px 4px rgba(0,0,0,.3),0 30px 60px -18px rgba(23,18,50,.55),0 60px 110px -30px rgba(23,18,50,.45)}
.phone::before,.phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:#1E1833;box-shadow:0 0 0 .5px rgba(255,255,255,.08) inset;top:auto;left:auto;transform:none;height:auto}
.phone::before{right:-3px;top:110px;height:48px}
.phone::after{left:-3px;top:92px;height:70px}
.phone .scr{position:relative;border-radius:31px;overflow:hidden;background:#F5F2FB;isolation:isolate}
.phone img,.phone .scr img{display:block;width:100%;height:auto;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.phone>img{border-radius:31px!important}
.phone .sbar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:8px 20px 0;background:#F5F2FB;position:relative}
.phone .sbar .t{font:600 11.5px/1 var(--body);color:var(--ink);letter-spacing:.02em}
.phone .sbar .hole{position:absolute;left:50%;top:9px;width:11px;height:11px;border-radius:50%;background:#050810;transform:translateX(-50%);box-shadow:0 0 0 2px rgba(0,0,0,.08),0 0 3px rgba(20,40,80,.5) inset}
.phone .sbar .ic{display:inline-flex;align-items:center;gap:5px;height:12px}
.phone .sbar .ic i{display:block;background:var(--ink)}
.phone .sbar .sig{width:13px;height:11px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='2' y='14' width='4' height='8' rx='1'/><rect x='8' y='10' width='4' height='12' rx='1'/><rect x='14' y='6' width='4' height='16' rx='1'/><rect x='20' y='2' width='4' height='20' rx='1' opacity='.35'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='2' y='14' width='4' height='8' rx='1'/><rect x='8' y='10' width='4' height='12' rx='1'/><rect x='14' y='6' width='4' height='16' rx='1'/><rect x='20' y='2' width='4' height='20' rx='1' opacity='.35'/></svg>") center/contain no-repeat}
.phone .sbar .wifi{width:14px;height:12px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><path d='M12 20h.01'/><path d='M8.5 16.4a5 5 0 0 1 7 0'/><path d='M5 12.9a10 10 0 0 1 14 0'/><path d='M2 9.4a14.5 14.5 0 0 1 20 0'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><path d='M12 20h.01'/><path d='M8.5 16.4a5 5 0 0 1 7 0'/><path d='M5 12.9a10 10 0 0 1 14 0'/><path d='M2 9.4a14.5 14.5 0 0 1 20 0'/></svg>") center/contain no-repeat}
.phone .sbar .bat{width:18px;height:9px;border-radius:2px;background:transparent;box-shadow:0 0 0 1.5px var(--ink);position:relative}
.phone .sbar .bat::after{content:"";position:absolute;left:2px;top:2px;bottom:2px;width:9px;background:var(--good);border-radius:1px}
.phone.tilt{transform:perspective(1600px) rotateY(-9deg) rotateX(3deg) rotateZ(-1deg)}
.phone.tilt-r{transform:perspective(1600px) rotateY(9deg) rotateX(3deg) rotateZ(1deg)}
.hero-media .phone{max-width:280px;filter:drop-shadow(0 40px 50px rgba(112,80,236,.22))}
.phone-pair{display:flex;gap:22px;justify-content:center;align-items:flex-start}
.phone-pair .phone{max-width:210px;margin:0}
.phone-pair .phone:nth-child(2){margin-top:40px}
@media(max-width:520px){.phone-pair{gap:12px}.phone-pair .phone{max-width:calc(50% - 6px);padding:7px;border-radius:30px}.phone-pair .phone .scr{border-radius:24px}.phone-pair .phone:nth-child(2){margin-top:24px}}
.laptop{position:relative;width:100%;margin-inline:auto}
.laptop .screen{background:#141018;border-radius:16px 16px 0 0;padding:12px 12px 0;box-shadow:var(--shadow-lg)}
.laptop .screen img{border-radius:8px 8px 0 0;display:block}
.laptop .base{height:16px;background:linear-gradient(#d5cee6,#b9b0d2);border-radius:0 0 12px 12px;margin:0 -6%;box-shadow:inset 0 2px 3px rgba(0,0,0,.15)}
.browser{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(38,27,74,.06),0 24px 50px -20px rgba(38,27,74,.28),0 50px 100px -40px rgba(38,27,74,.2)}
.browser .bar,.browser .bbar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FAF8FF,#F0ECFA)}
.browser .bar i,.browser .bbar i{width:10px;height:10px;border-radius:50%;background:#D5CCE8;display:block}
.browser .bar i:nth-child(1){background:#FF5F57}.browser .bar i:nth-child(2){background:#FEBC2E}.browser .bar i:nth-child(3){background:#28C840}
.browser .bar .url{margin-left:10px;flex:1;max-width:280px;height:20px;border-radius:6px;background:#fff;border:1px solid var(--line);font:500 10.5px/18px var(--body);color:var(--faint);padding:0 10px;display:flex;align-items:center;gap:6px}
.browser .bar .url::before{content:"";width:8px;height:9px;background:var(--good);opacity:.8;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4h-2V7a3 3 0 0 0-6 0v4z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4h-2V7a3 3 0 0 0-6 0v4z'/></svg>") center/contain no-repeat}
.browser img{display:block;width:100%;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.shadow-img{border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--line)}
.float{animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.float{animation:none}}

/* ---- cards / grids ---- */
.grid{display:grid;gap:22px;align-items:stretch}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g-3,.g-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);overflow:hidden}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .2s var(--ease);background:radial-gradient(420px 180px at 0% 0%,var(--card-tint,rgba(112,80,236,.08)),transparent 70%)}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--line-2)}
.card:hover::after{opacity:1}
.card>*{position:relative;z-index:1}
.ico,.card .ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;color:#fff;background:linear-gradient(180deg,var(--ico-a,#8B6CFF),var(--ico-b,#5F3FE0));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 22px -8px var(--ico-b,#5F3FE0)}
.ico .ci{width:25px;height:25px;background:#fff}
.card.pink .ico,.ico.pink{--ico-a:#FF7CBF;--ico-b:#E04E97}
.ico.teal{--ico-a:#34C26B;--ico-b:#159A45}
.ico.peach{--ico-a:#F59E0B;--ico-b:#D97706}
.grid .card:nth-child(6n+2){--ico-a:#FF7CBF;--ico-b:#E04E97;--card-tint:rgba(217,65,138,.09)}
.grid .card:nth-child(6n+3){--ico-a:#3A6EFF;--ico-b:#2559E8;--card-tint:rgba(47,98,246,.09)}
.grid .card:nth-child(6n+4){--ico-a:#F59E0B;--ico-b:#D97706;--card-tint:rgba(217,119,6,.1)}
.grid .card:nth-child(6n+5){--ico-a:#34C26B;--ico-b:#159A45;--card-tint:rgba(22,163,74,.1)}
.grid .card:nth-child(6n+6){--ico-a:#19C4BD;--ico-b:#0B8F8A;--card-tint:rgba(14,165,160,.1)}
.grid .feature-card-link:nth-child(6n+2) .card{--ico-a:#FF7CBF;--ico-b:#E04E97;--card-tint:rgba(217,65,138,.09)}
.grid .feature-card-link:nth-child(6n+3) .card{--ico-a:#3A6EFF;--ico-b:#2559E8;--card-tint:rgba(47,98,246,.09)}
.grid .feature-card-link:nth-child(6n+4) .card{--ico-a:#F59E0B;--ico-b:#D97706;--card-tint:rgba(217,119,6,.1)}
.grid .feature-card-link:nth-child(6n+5) .card{--ico-a:#34C26B;--ico-b:#159A45;--card-tint:rgba(22,163,74,.1)}
.grid .feature-card-link:nth-child(6n+6) .card{--ico-a:#19C4BD;--ico-b:#0B8F8A;--card-tint:rgba(14,165,160,.1)}
.card h3{font-size:20px;margin-bottom:.4em}
.card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6}
.card .more,.card a.more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-weight:700;font-size:14.5px;color:var(--violet-700)}
.card .more::after{content:"";width:14px;height:14px;background:currentColor;transition:transform .18s var(--ease);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m12 5 7 7-7 7'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m12 5 7 7-7 7'/></svg>") center/contain no-repeat}
.card:hover .more::after{transform:translateX(3px)}
.feature-card-link{height:100%;display:block;text-decoration:none;color:inherit}
.feature-card-link:hover{text-decoration:none}
.feature-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:980px;margin-inline:auto}
.feature-grid .card{height:100%;padding:30px 32px}
.feature-grid .card h3{font-size:21px}
.feature-grid .card p{font-size:16px}
.feature-grid .card .ico{width:56px;height:56px;border-radius:16px}
.feature-grid .card .ico .ci{width:27px;height:27px}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr;max-width:560px}}

/* ---- alternating rows ---- */
.row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin:0 auto}
.row + .row{margin-top:84px}
.row.flip .row-media{order:2}
.row-media{display:grid;place-items:center}
.row-copy h2{margin-bottom:.4em;font-size:clamp(26px,3vw,34px)}
.row-copy .lead{margin-bottom:1em}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding-left:32px;margin:.65em 0;color:var(--ink-2)}
.check-list li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:7px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/12px no-repeat,linear-gradient(180deg,#34C26B,#159A45);box-shadow:0 4px 10px -4px rgba(21,154,69,.7)}
@media(max-width:860px){.row{grid-template-columns:1fr;gap:26px}.row.flip .row-media{order:0}.row + .row{margin-top:52px}}

/* ---- dark stat band ---- */
.band{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 90% -10%,rgba(112,80,236,.45),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(255,111,183,.3),transparent 60%),linear-gradient(160deg,#1F1840,#0F0B22 70%);color:#E9E3F7}
.band::before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 90% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 90% at 50% 40%,#000,transparent)}
.band>*{position:relative}
.band h2,.band h3{color:#fff}
.band .muted,.band .lead{color:#BDB3D6}
.band .eyebrow{background:rgba(255,255,255,.1);color:#C9B8FF}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 16px}
.stat .n{font-family:var(--display);font-size:clamp(32px,4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(90deg,#C4B3FF,#FF9FCE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat .l{color:#BDB3D6;font-size:14.5px}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr);gap:14px}}

/* ---- steps ---- */
.steps{counter-reset:step;display:grid;gap:18px}
.step{display:grid;grid-template-columns:auto 1fr;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--shadow-sm)}
.step .num{counter-increment:step;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#8B6CFF,#5F3FE0);color:#fff;font-family:var(--display);font-weight:800;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 18px -6px rgba(95,63,224,.55)}
.step .num::before{content:counter(step)}
.step h3{margin:.1em 0 .3em;font-size:20px}
.step p{margin:0;color:var(--muted)}
.step .lab{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--pink)}
.stepnum{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
.stepnum b{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#8B6CFF,#5F3FE0);color:#fff;font-family:var(--display);font-weight:800;font-size:18px;display:grid;place-items:center;box-shadow:0 8px 18px -6px rgba(95,63,224,.55)}
.stepnum span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}

/* ---- pairing centrepiece ---- */
.pair{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 90% -10%,rgba(112,80,236,.45),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(255,111,183,.3),transparent 60%),linear-gradient(160deg,#1F1840,#0F0B22 70%);color:#E9E3F7;border-radius:var(--r-xl);padding:52px 40px;text-align:center;box-shadow:0 40px 90px -40px rgba(15,11,34,.7)}
.pair::before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 90% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 90% at 50% 40%,#000,transparent)}
.pair>*{position:relative}
.pair h3,.pair h2{color:#fff}
.pair p{color:#BDB3D6}
.pair .kick{color:#FF9FCE;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.pair .phone-pair .phone{max-width:230px}
.codepill{display:inline-block;font-family:ui-monospace,Menlo,monospace;letter-spacing:.3em;font-size:24px;font-weight:700;color:#fff;background:rgba(201,184,255,.12);border:1px dashed rgba(201,184,255,.55);padding:12px 18px 12px 24px;border-radius:12px;margin:14px 0}

/* ---- CTA band ---- */
.cta{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:56px 40px;text-align:center;color:#fff;
  background:radial-gradient(800px 400px at 15% 0%,rgba(155,130,255,.55),transparent 60%),radial-gradient(600px 400px at 100% 100%,rgba(255,111,183,.5),transparent 60%),linear-gradient(135deg,#5F3FE0,#171232 90%);box-shadow:0 30px 70px -30px rgba(77,49,196,.6)}
.cta::before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(60% 80% at 50% 50%,#000,transparent)}
.cta>*{position:relative}
.cta h2{color:#fff;margin-bottom:.35em}
.cta p,.cta .lead{color:rgba(255,255,255,.85);max-width:52ch;margin-inline:auto}
.cta .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
.cta .btn-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}
.cta .btn-primary{background:#fff;color:var(--violet-700);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.cta .btn-primary:hover{background:#fff;color:var(--violet)}

/* ---- FAQ ---- */
.faq{max-width:820px;margin-inline:auto}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-family:var(--display);font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--violet);font-size:24px;font-weight:400;width:32px;height:32px;border-radius:10px;background:var(--violet-050);display:grid;place-items:center;flex:none}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .a{padding:16px 22px 22px;color:var(--muted)}
.faq .a p:last-child{margin-bottom:0}

/* ---- pricing ---- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:860px){.price-grid{grid-template-columns:1fr}}
.plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-sm)}
.plan.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8B6CFF,#FF6FB7) border-box;box-shadow:0 24px 50px -20px rgba(112,80,236,.35)}
.plan.featured .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#8B6CFF,#5F3FE0);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--pill);box-shadow:0 8px 18px -6px rgba(95,63,224,.6)}
.plan .pname{font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink)}
.plan .pprice{font-family:var(--display);font-size:46px;font-weight:800;margin:.1em 0;letter-spacing:-.035em;color:var(--ink);line-height:1}
.plan .pprice small{font-size:15px;color:var(--muted);font-weight:600;letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:20px 0 24px}
.plan li{padding:9px 0 9px 32px;position:relative;margin:0;color:var(--ink-2);font-size:15.5px;border-bottom:1px solid var(--line)}
.plan li:last-child{border-bottom:0}
.plan li::before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F9D6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/11px no-repeat,var(--good-050)}

/* ---- notices / pills ---- */
.notice{display:flex;gap:14px;align-items:center;background:var(--good-050);border:1px solid #BFE6D4;border-radius:var(--r);padding:16px 18px;color:#155E43;font-size:15.5px;line-height:1.6}
.notice.warn{background:var(--warn-050);border-color:#EDDFB8;color:#7A5A17}
.notice.violet{background:var(--violet-050);border-color:var(--violet-100);color:var(--violet-700)}
.notice .i{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.7);font-size:18px;line-height:1}
.notice .i .ci{width:20px;height:20px}
.notice p{margin:0}
.pill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.pill-list li{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);padding:8px 16px 8px 12px;font-weight:600;font-size:14px;color:var(--ink-2);margin:0;box-shadow:var(--shadow-sm)}
.pill-list li .ci{width:18px;height:18px;margin:0;color:var(--violet)}

/* ---- prep / flow / icon list ---- */
.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.prep-grid{grid-template-columns:1fr}}
.prep{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-sm)}
.prep .ico{margin-bottom:0;width:46px;height:46px;border-radius:13px}
.prep .ico .ci{width:22px;height:22px}
.prep h3{font-size:16.5px;margin:.1em 0 .2em}
.prep p{margin:0;color:var(--muted);font-size:15px}
.flow{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow-sm)}
.flow-node{flex:1 1 180px;max-width:230px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.flow-node .glyph{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#8B6CFF,#5F3FE0);box-shadow:0 10px 22px -8px rgba(95,63,224,.6);margin-bottom:6px}
.flow-node .glyph .ci{width:28px;height:28px;background:#fff}
.flow-node.done .glyph{background:linear-gradient(180deg,#34C26B,#159A45);box-shadow:0 10px 22px -8px rgba(22,163,74,.6)}
.flow-node .badge{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.flow-node .ttl{font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink)}
.flow-node .sub{font-size:14px;color:var(--muted)}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--violet);padding:0 4px}
.flow-arrow .ci{width:24px;height:24px}
.flow-code{display:flex;align-items:center}
.flow-code span{font-family:ui-monospace,Menlo,monospace;letter-spacing:.2em;font-weight:700;color:#fff;background:var(--navy);padding:9px 14px 9px 18px;border-radius:10px;font-size:15px;box-shadow:0 8px 18px -8px rgba(23,18,50,.6)}
@media(max-width:820px){.flow{flex-direction:column;align-items:stretch}.flow-node{max-width:none;flex-direction:row;text-align:left;gap:14px}.flow-node .glyph{margin-bottom:0}.flow-arrow{transform:rotate(90deg)}.flow-code{justify-content:center}}
.ico-list{display:grid;gap:22px}
.ico-list .row-item{display:flex;gap:16px;align-items:flex-start}
.ico-list .row-item .ico{margin-bottom:0;width:48px;height:48px;border-radius:14px}
.ico-list .row-item .ico .ci{width:23px;height:23px}
.ico-list .row-item h3{font-size:18px;margin:.1em 0 .25em}
.ico-list .row-item p{margin:0;color:var(--muted)}

/* ---- prose ---- */
.prose h2{margin-top:1.6em;font-size:clamp(25px,3vw,34px)}
.prose h3{margin-top:1.3em}
.prose img{margin:1.6em auto;border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--line)}
.prose>p:first-of-type{font-size:18px;color:var(--ink-2)}
.prose ul{list-style:none;padding-left:4px}
.prose ul li{position:relative;padding-left:30px;margin-bottom:10px}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:5px;background:var(--violet-050);box-shadow:inset 0 0 0 2px var(--violet)}
.prose blockquote{margin:28px 0;padding:22px 28px;border-left:4px solid var(--violet);background:var(--surface);border-radius:0 16px 16px 0;color:var(--ink);font-family:var(--display);font-weight:600;font-size:19px;line-height:1.5;box-shadow:var(--shadow-sm)}
.figrow{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:1.8em 0}
@media(max-width:700px){.figrow{grid-template-columns:1fr}}
figure{margin:1.6em 0}
figcaption{font-size:13.5px;color:var(--faint);text-align:center;margin-top:10px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:24px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--surface-2);color:var(--ink);font-weight:700}

/* ---- forms ---- */
label{display:block;font-weight:600;color:var(--ink);font-size:14.5px;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{width:100%;font:inherit;font-size:15.5px;color:var(--ink);padding:13px 15px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);box-shadow:0 1px 2px rgba(38,27,74,.04);appearance:none;-webkit-appearance:none}
select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F5A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
textarea{min-height:140px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet);box-shadow:var(--ring)}

/* ---- footer ---- */
.site-footer{position:relative;background:var(--navy-2);color:#B4ABCB;padding:64px 0 32px;margin-top:8px;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 300px at 0% 0%,rgba(112,80,236,.25),transparent 60%)}
.site-footer>.wrap{position:relative}
.site-footer a{color:#C8BFDF;transition:color .15s}
.site-footer a:hover{color:#fff;text-decoration:none}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.foot-grid h4{color:#7F76A0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-family:var(--body)}
.foot-grid ul{list-style:none;padding:0;margin:0}
.foot-grid li{margin:.5em 0;font-size:15px}
.foot-grid p{color:#8F86AD;font-size:15px}
.foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-weight:800;font-size:20px;margin-bottom:12px;letter-spacing:-.02em}
.foot-brand img{width:32px;height:32px;border-radius:9px}
.foot-brand span b{color:#B9A6FF}
.site-footer .store-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13.5px;color:#7F76A0}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}

/* ---- breadcrumb / page hero / posts ---- */
.crumbs{font-size:14px;color:var(--faint);padding:18px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--muted);font-weight:500}
.crumbs a:hover{color:var(--violet-700);text-decoration:none}
.page-hero{padding:60px 0 34px;background:radial-gradient(800px 360px at 85% -20%,rgba(255,111,183,.14),transparent 60%),radial-gradient(700px 380px at 5% -10%,rgba(112,80,236,.14),transparent 55%),linear-gradient(180deg,#fff,var(--paper))}
.page-hero h1{max-width:18ch}
.page-hero .lead{max-width:62ch}
.unpub{color:inherit}
.pagination{margin-top:40px;display:flex;justify-content:center}
.pagination ul,.pagination .nav-links{list-style:none;padding:0;margin:0;display:flex;gap:6px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-weight:600;font-size:14.5px}
.pagination a:hover{border-color:var(--ink);text-decoration:none}
.pagination .current{background:var(--violet);border-color:var(--violet);color:#fff}
.guidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
@media(max-width:900px){.guidegrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.guidegrid{grid-template-columns:1fr}}
.gcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.gcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2);text-decoration:none}
.gcard .gc-frame{aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);border-bottom:1px solid var(--line)}
.gcard .gc-frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.gcard:hover .gc-frame img{transform:scale(1.04)}
.gcard .gc-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.gcard .gc-k{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.gcard h3{font-size:19px;margin:0;color:var(--ink)}
.gcard p{margin:0;color:var(--muted);font-size:15px}
.gcard .gc-more{margin-top:auto;padding-top:14px;font-weight:700;color:var(--violet-700);font-size:14.5px}

/* utility */
.mt-0{margin-top:0}.mb-0{margin-bottom:0}
.tac{text-align:center}
.rounded{border-radius:var(--r-lg)}
@media(max-width:620px){.hide-sm{display:none}}

/* ---- responsive polish ---- */
@media(max-width:600px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  h1{font-size:clamp(31px,8.4vw,40px)}
  h2{font-size:clamp(25px,6.8vw,32px)}
  .hero{padding:40px 0 36px}
  .btn-row .btn{width:100%}
  .cta,.pair{padding:36px 22px}
  .store-row .store-btn{width:100%;justify-content:flex-start;padding-left:18px}
  .plan{padding:26px 20px}
  .phone.tilt,.phone.tilt-r{transform:none}
  .row-copy h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* ===== icon system (masked line icons; inherit currentColor) ===== */
.ci{display:inline-block;width:1.5rem;height:1.5rem;flex:none;background:currentColor;-webkit-mask:var(--ci) center/contain no-repeat;mask:var(--ci) center/contain no-repeat}
.ci-pin{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2021s7-5.5%207-11a7%207%200%201%200-14%200c0%205.5%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
.ci-phone{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%2016.9v2.5a2%202%200%200%201-2.2%202%2019.5%2019.5%200%200%201-8.5-3%2019.2%2019.2%200%200%201-5.9-5.9%2019.5%2019.5%200%200%201-3-8.6A2%202%200%200%201%203.4%202H6a2%202%200%200%201%202%201.7c.1%201%20.4%201.9.7%202.8a2%202%200%200%201-.5%202.1L7.1%209.8a16%2016%200%200%200%206%206l1.2-1.1a2%202%200%200%201%202.1-.5c.9.3%201.8.6%202.8.7A2%202%200%200%201%2021%2016.9Z%22%2F%3E%3C%2Fsvg%3E")}
.ci-message{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%2011.5a8.4%208.4%200%200%201-9%208.5%209.6%209.6%200%200%201-3.3-.6L3%2021l1.6-4.7A8.4%208.4%200%200%201%203.5%2011.5%208.4%208.4%200%200%201%2012%203a8.4%208.4%200%200%201%209%208.5Z%22%2F%3E%3C%2Fsvg%3E")}
.ci-clock{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207.5V12l3%202%22%2F%3E%3C%2Fsvg%3E")}
.ci-grid{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.ci-globe{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M12%203a15%2015%200%200%201%200%2018%2015%2015%200%200%201%200-18%22%2F%3E%3C%2Fsvg%3E")}
.ci-users{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2020a6.5%206.5%200%200%201%2013%200%22%2F%3E%3Cpath%20d%3D%22M16%205.2a3.5%203.5%200%200%201%200%205.6%22%2F%3E%3Cpath%20d%3D%22M18%2014.4a6.5%206.5%200%200%201%203.5%205.6%22%2F%3E%3C%2Fsvg%3E")}
.ci-keyboard{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222.5%22%20y%3D%226%22%20width%3D%2219%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%209.5h.01M9.5%209.5h.01M13%209.5h.01M16.5%209.5h.01M6%2013h.01M18%2013h.01M9%2013.2h6%22%2F%3E%3C%2Fsvg%3E")}
.ci-camera{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8%207l1.5-2.5h5L16%207%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213.5%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E")}
.ci-mic{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M6%2011a6%206%200%200%200%2012%200%22%2F%3E%3Cpath%20d%3D%22M12%2017v3.5M9%2020.5h6%22%2F%3E%3C%2Fsvg%3E")}
.ci-shield{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2021s7.5-3.5%207.5-9.5V5.5L12%202.8%204.5%205.5v6c0%206%207.5%209.5%207.5%209.5Z%22%2F%3E%3C%2Fsvg%3E")}
.ci-shieldcheck{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2021s7.5-3.5%207.5-9.5V5.5L12%202.8%204.5%205.5v6c0%206%207.5%209.5%207.5%209.5Z%22%2F%3E%3Cpath%20d%3D%22m9%2011.8%202.1%202.1L15.2%209.8%22%2F%3E%3C%2Fsvg%3E")}
.ci-sparkle{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%203.5l1.9%205.1L19%2010.5l-5.1%201.9L12%2017.5l-1.9-5.1L5%2010.5l5.1-1.9z%22%2F%3E%3Cpath%20d%3D%22M18.5%2015.5l.7%201.8%201.8.7-1.8.7-.7%201.8-.7-1.8-1.8-.7%201.8-.7z%22%2F%3E%3C%2Fsvg%3E")}
.ci-laptop{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2020h20%22%2F%3E%3C%2Fsvg%3E")}
.ci-device{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%227%22%20y%3D%222.5%22%20width%3D%2210%22%20height%3D%2219%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M10.5%2018.5h3%22%2F%3E%3C%2Fsvg%3E")}
.ci-map{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M9%204%203%206.5v13L9%2017l6%202.5%206-2.5v-13L15%206.5%209%204Z%22%2F%3E%3Cpath%20d%3D%22M9%204v13M15%206.5v13%22%2F%3E%3C%2Fsvg%3E")}
.ci-bell{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M18%208.5a6%206%200%201%200-12%200c0%206-2.5%207.5-2.5%207.5h17S18%2014.5%2018%208.5Z%22%2F%3E%3Cpath%20d%3D%22M13.7%2020a2%202%200%200%201-3.4%200%22%2F%3E%3C%2Fsvg%3E")}
.ci-mail{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222.5%22%20y%3D%224.5%22%20width%3D%2219%22%20height%3D%2215%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206.5%208.5%206%208.5-6%22%2F%3E%3C%2Fsvg%3E")}
.ci-life{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22m5.6%205.6%203.8%203.8M14.6%2014.6l3.8%203.8M18.4%205.6l-3.8%203.8M9.4%2014.6l-3.8%203.8%22%2F%3E%3C%2Fsvg%3E")}
.ci-lock{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%2210.5%22%20width%3D%2216%22%20height%3D%2210.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8%2010.5V7a4%204%200%200%201%208%200v3.5%22%2F%3E%3C%2Fsvg%3E")}
.ci-eye{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2.5%2012S6%205.5%2012%205.5%2021.5%2012%2021.5%2012%2018%2018.5%2012%2018.5%202.5%2012%202.5%2012Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.ci-check{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M20%206L9%2017l-5-5%22%2F%3E%3C%2Fsvg%3E")}
.ci-card{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19%22%2F%3E%3C%2Fsvg%3E")}
.ci-wifi{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M2.5%209.5a14%2014%200%200%201%2019%200%22%2F%3E%3Cpath%20d%3D%22M6%2013a9%209%200%200%201%2012%200%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5a4%204%200%200%201%205%200%22%2F%3E%3Cpath%20d%3D%22M12%2020h.01%22%2F%3E%3C%2Fsvg%3E")}
.ci-info{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2016.5V11.5%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E")}
.ci-download{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%203.5v11%22%2F%3E%3Cpath%20d%3D%22m7.5%2010.5%204.5%204.5%204.5-4.5%22%2F%3E%3Cpath%20d%3D%22M4%2020.5h16%22%2F%3E%3C%2Fsvg%3E")}
.ci-route{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8.5%2018h6a3.5%203.5%200%200%200%200-7h-5a3.5%203.5%200%200%201%200-7h6%22%2F%3E%3C%2Fsvg%3E")}
.ci-chart{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%2021h18%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2212%22%20width%3D%223.6%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2210.2%22%20y%3D%227%22%20width%3D%223.6%22%20height%3D%2211%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2215.4%22%20y%3D%223.5%22%20width%3D%223.6%22%20height%3D%2214.5%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.ci-gift{--ci:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%223.5%22%20y%3D%228.5%22%20width%3D%2217%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2013.5V21h14v-7.5M12%208.5V21%22%2F%3E%3Cpath%20d%3D%22M12%208.5C12%205%209.5%204%208%205.5S9%208.5%2012%208.5zM12%208.5c0-3.5%202.5-4.5%204-3s-1%203.5-4%203z%22%2F%3E%3C%2Fsvg%3E")}