/* ThinkDigitalz homepage (static) */
.hp{--cream:#fbf9f5;--sand:#f3eee5;--sand2:#efe7da;--navy:#1b1f3b;--navy2:#252a55;--ink:#1b1f3b;--muted:#565b72;--line:#e7e0d3;--brass:#b8731a;--brass-l:#e0a14a;--wa:#25d366;--radius:18px;
  color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.hp *{box-sizing:border-box}
.hp h1 em,.hp h2 em{font-style:normal;color:var(--brass)}
.hp .wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 20px}
@media(min-width:768px){.hp .wrap{padding:0 32px}}
.hp section{position:relative}
.hp .sec{padding:56px 0}
@media(min-width:768px){.hp .sec{padding:80px 0}}
.hp .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.hp .eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.hp h1,.hp h2,.hp h3{font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0}
.hp h2{font-size:clamp(2rem,4.2vw,3.1rem);margin-top:14px}
.hp h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.25}
.hp p{margin:0}
.hp .lead{font-size:1.125rem;line-height:1.65;color:var(--muted)}
.hp .head{display:grid;gap:18px;margin-bottom:36px}
@media(min-width:900px){.hp .head.split{grid-template-columns:1.2fr .8fr;align-items:end}}
.hp .center{text-align:center;justify-items:center}
.hp .center .eyebrow:after{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}

/* buttons */
.hp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.hp .btn:hover{transform:translateY(-2px)}
.hp .btn-navy{background:var(--navy);color:#fff;box-shadow:0 12px 24px -12px rgba(27,31,59,.6)}
.hp .btn-navy:hover{background:#262b52}
.hp .btn-wa{background:var(--wa);color:#07240f;box-shadow:0 12px 24px -12px rgba(37,211,102,.7)}
.hp .btn-brass{background:var(--brass);color:#fff;box-shadow:0 12px 24px -12px rgba(184,115,26,.7)}
.hp .btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.hp .btn-ghost-d{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
.hp .btn svg{width:18px;height:18px}

/* hero */
.hp .hero{padding:104px 0 56px;background:
  radial-gradient(700px 420px at 88% 8%,rgba(224,161,74,.22),transparent 65%),
  radial-gradient(600px 400px at 0% 100%,rgba(27,31,59,.07),transparent 70%),
  linear-gradient(180deg,#f6f1e8,var(--cream));overflow:hidden}
@media(min-width:768px){.hp .hero{padding:132px 0 80px}}
.hp .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(27,31,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,59,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 75%);pointer-events:none}
.hp .hero-grid{display:grid;gap:48px;align-items:center;position:relative}
@media(min-width:1024px){.hp .hero-grid{grid-template-columns:1.1fr .9fr}}
.hp .pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;box-shadow:0 6px 18px -10px rgba(27,31,59,.25)}
.hp .pill b{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:.04em}
.hp .live{width:8px;height:8px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:hp-pulse 2s infinite}
@keyframes hp-pulse{70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.hp .hero h1{font-size:clamp(2.6rem,5.2vw,4.1rem);margin-top:22px;letter-spacing:-.045em;line-height:.98}
.hp .hero h1 .u{position:relative;white-space:nowrap}
.hp .hero h1 .u svg{position:absolute;left:0;bottom:-.12em;width:100%;height:.32em;overflow:visible}
.hp .hero h1 .u path{stroke:var(--brass-l);stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:hp-draw 1.2s .6s ease forwards}
@keyframes hp-draw{to{stroke-dashoffset:0}}
.hp .hero .lead{margin-top:24px;max-width:36rem}
.hp .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hp .ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding:0;list-style:none;font-size:15px;font-weight:600}
.hp .ticks li{display:flex;align-items:center;gap:8px}
.hp .ticks li:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.hp .hero-vis{position:relative;max-width:600px;width:100%;margin:0 auto}
.hp .hero-vis>div[aria-hidden]{box-shadow:0 40px 80px -30px rgba(27,31,59,.35)}
.hp .float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#fff;box-shadow:0 18px 40px -16px rgba(27,31,59,.35),0 0 0 1px rgba(27,31,59,.05);font-size:14px;font-weight:700;color:var(--navy);animation:hp-float 6s ease-in-out infinite}
.hp .float small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.hp .float i{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-style:normal;flex:none}
.hp .f1{left:-18px;top:18%}
.hp .f2{right:-14px;top:46%;animation-delay:-2s}
.hp .f3{left:8%;bottom:-18px;animation-delay:-4s}
@media(max-width:640px){.hp .f1{left:-6px;top:6%}.hp .f2{right:-6px}.hp .float{padding:9px 12px;font-size:12px}.hp .float i{width:28px;height:28px}}
@keyframes hp-float{50%{transform:translateY(-10px)}}

/* ticker */
.hp .ticker{background:var(--navy);color:#fff;overflow:hidden;padding:18px 0;border-top:1px solid rgba(255,255,255,.06)}
.hp .ticker-track{display:flex;width:max-content;animation:hp-marquee 38s linear infinite}
.hp .ticker:hover .ticker-track{animation-play-state:paused}
.hp .ticker span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-size:17px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.hp .ticker span:after{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--brass-l)}
@keyframes hp-marquee{to{transform:translateX(-50%)}}

/* stats */
.hp .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:-1px}
@media(min-width:900px){.hp .stats{grid-template-columns:repeat(4,1fr)}}
.hp .stat{background:#fff;padding:26px 22px}
.hp .stat b{display:block;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--navy)}
.hp .stat b sup{font-size:.45em;color:var(--brass);margin-left:4px;vertical-align:.9em}
.hp .stat .sl{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.45}
.hp .stats-wrap{padding:44px 0 0}

/* problem cards */
.hp .cards3{display:grid;gap:18px}
@media(min-width:900px){.hp .cards3{grid-template-columns:repeat(3,1fr)}}
.hp .pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .3s,box-shadow .3s}
.hp .pcard:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(27,31,59,.3)}
.hp .ico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--brass);margin-bottom:18px}
.hp .ico svg{width:26px;height:26px}
.hp .pcard p{margin-top:10px;color:var(--muted);line-height:1.6}

/* services (dark) */
.hp .dark{background:radial-gradient(800px 500px at 90% 0%,rgba(224,161,74,.16),transparent 60%),radial-gradient(700px 500px at 0% 100%,#2c3263,transparent 60%),var(--navy);color:#fff}
.hp .dark .lead{color:#c9cbe0}
.hp .dark h2 em{color:var(--brass-l)}
.hp .dark .eyebrow{color:var(--brass-l)}
.hp .tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:28px;scrollbar-width:none}
.hp .tabs::-webkit-scrollbar{display:none}
.hp .tab{flex:none;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#e7e8f3;font:600 15px Inter,sans-serif;cursor:pointer;transition:all .2s}
.hp .tab:hover{background:rgba(255,255,255,.1)}
.hp .tab[aria-selected=true]{background:#fff;color:var(--navy);border-color:#fff}
.hp .tab .n{font-size:12px;opacity:.6}
.hp .panel{display:none;grid-template-columns:1fr;gap:36px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:28px}
@media(min-width:900px){.hp .panel{grid-template-columns:1fr 1fr;padding:44px}}
.hp .panel.on{display:grid;animation:hp-fade .45s ease}
@keyframes hp-fade{from{opacity:0;transform:translateY(10px)}}
.hp .panel h3{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em}
.hp .panel p{margin-top:14px;color:#c9cbe0;line-height:1.65;font-size:1.05rem}
.hp .dl{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
@media(min-width:600px){.hp .dl{grid-template-columns:1fr 1fr}}
.hp .dl li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#e7e8f3;line-height:1.45}
.hp .dl li:before{content:"";flex:none;margin-top:2px;width:18px;height:18px;border-radius:50%;background:var(--brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.hp .panel .tag{display:inline-block;margin-top:24px;font-size:13px;font-weight:600;color:var(--brass-l)}
.hp .panel img{width:100%;max-width:440px;height:auto;margin:0 auto;display:block}

/* plan finder */
.hp .finder{display:grid;gap:22px}
@media(min-width:1000px){.hp .finder{grid-template-columns:1.25fr .75fr;align-items:start}}
.hp .steps{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px}
@media(min-width:768px){.hp .steps{padding:34px}}
.hp .step+.step{margin-top:28px;padding-top:26px;border-top:1px dashed var(--line)}
.hp .step-t{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;margin-bottom:16px}
.hp .step-t b{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.hp .step-t small{font-weight:500;color:var(--muted);font-size:14px}
.hp .opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.hp .opts.three{grid-template-columns:repeat(3,1fr)}}
.hp .opt{position:relative}
.hp .opt input{position:absolute;opacity:0;pointer-events:none}
.hp .opt label{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--cream);cursor:pointer;font-weight:600;font-size:15px;transition:all .18s;line-height:1.3}
.hp .opt label small{font-weight:500;font-size:13px;color:var(--muted)}
.hp .opt label:hover{border-color:#cdbfa6}
.hp .opt input:checked+label{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(27,31,59,.08)}
.hp .opt input:focus-visible+label{outline:3px solid var(--brass-l);outline-offset:2px}
.hp .opt input[type=checkbox]+label:after{content:"";position:absolute;right:12px;top:12px;width:18px;height:18px;border-radius:6px;border:1.5px solid #cdbfa6;background:#fff}
.hp .opt input[type=checkbox]:checked+label:after{background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--navy)}
.hp .opt input[type=checkbox]+label{padding-right:40px}
.hp .result{position:relative;background:var(--navy);color:#fff;border-radius:26px;padding:28px;overflow:hidden}
@media(min-width:1000px){.hp .result{position:sticky;top:88px}}
.hp .result:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(224,161,74,.45),transparent 70%)}
.hp .result .k{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-l)}
.hp .result .plan{font-size:2.3rem;font-weight:800;letter-spacing:-.04em;margin-top:8px}
.hp .result .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:6px}
.hp .result .price b{font-size:2.9rem;font-weight:800;letter-spacing:-.04em;color:#fff}
.hp .result .price s{color:#9da0bd;font-size:1.05rem}
.hp .result .price span{font-size:14px;color:#c9cbe0}
.hp .result .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hp .result .meta span{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.hp .result ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.hp .result li{display:flex;gap:10px;font-size:15px;color:#e7e8f3;line-height:1.45}
.hp .result li:before{content:"✓";color:var(--brass-l);font-weight:800}
.hp .result .grow{margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(224,161,74,.12);border:1px solid rgba(224,161,74,.3);font-size:14px;line-height:1.5;color:#f3e3c7;display:none}
.hp .result .grow.on{display:block}
.hp .result .ctas{margin-top:24px;flex-direction:column}
.hp .result .btn{width:100%}
.hp .result .note{margin-top:14px;font-size:12.5px;color:#9da0bd;line-height:1.5}
.hp .bump{animation:hp-bump .35s ease}
@keyframes hp-bump{40%{transform:scale(1.06)}}

/* concepts */
.hp .concepts{background:var(--sand)}
.hp .concepts a>div{transition:transform .35s,box-shadow .35s}
.hp .concepts a:hover>div{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(27,31,59,.45)}
.hp .disc{margin-top:16px;text-align:center;font-size:14px;color:var(--muted)}

/* timeline */
.hp .timeline{display:grid;gap:18px;position:relative}
@media(min-width:900px){.hp .timeline{grid-template-columns:repeat(4,1fr);gap:22px}}
.hp .tl-line{display:none}
@media(min-width:900px){.hp .tl-line{display:block;position:absolute;left:28px;right:28px;top:27px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.hp .tl-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass),var(--brass-l));transition:width 1.6s ease}
.hp .timeline.in .tl-line i{width:100%}}
.hp .tl{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
@media(min-width:900px){.hp .tl{background:none;border:0;padding:0}}
.hp .tl .dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800;font-size:15px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--cream)}
.hp .tl:last-child .dot{background:var(--brass)}
.hp .tl .day{margin-top:18px;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--brass);text-transform:uppercase}
.hp .tl h3{margin-top:6px}
.hp .tl p{margin-top:8px;color:var(--muted);line-height:1.6}

/* testing checklist */
.hp .qa{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.hp .qa{grid-template-columns:.9fr 1.1fr}}
.hp .checklist{background:#fff;color:var(--navy);border-radius:24px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.hp .cl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 6px 16px;border-bottom:1px solid var(--line);font-weight:700}
.hp .cl-head span{font-size:13px;font-weight:700;color:#2f7a45;background:#e3f2e6;padding:6px 12px;border-radius:999px}
.hp .checklist ol{list-style:none;padding:0;margin:8px 0 0;display:grid}
.hp .checklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 6px;border-bottom:1px solid #f1ece3;font-size:15px;font-weight:600}
.hp .checklist li:last-child{border-bottom:0}
.hp .checklist li small{display:block;font-weight:500;font-size:13px;color:var(--muted);margin-top:2px}
.hp .ck{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);position:relative;transition:all .35s}
.hp .ck:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat;opacity:0;transition:opacity .3s}
.hp .checklist li.done .ck{background:#2f9e57;border-color:#2f9e57}
.hp .checklist li.done .ck:after{opacity:1}

/* compare */
.hp .compare{display:grid;gap:18px}
@media(min-width:900px){.hp .compare{grid-template-columns:1fr 1fr}}
.hp .cmp{border-radius:24px;padding:28px;border:1px solid var(--line)}
.hp .cmp.bad{background:#fff}
.hp .cmp.good{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 30px 60px -30px rgba(27,31,59,.6)}
.hp .cmp h3{display:flex;align-items:center;gap:12px}
.hp .cmp h3 i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px}
.hp .cmp.bad h3 i{background:#f6e3e0;color:#b4412f}
.hp .cmp.good h3 i{background:var(--brass);color:#fff}
.hp .cmp ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:4px}
.hp .cmp li{padding:13px 0;border-bottom:1px solid var(--line);line-height:1.5;font-size:15.5px}
.hp .cmp.good li{border-color:rgba(255,255,255,.1);color:#e7e8f3}
.hp .cmp li:last-child{border:0}
.hp .cmp li b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.hp .cmp.good li b{color:var(--brass-l)}
.hp .cmp.bad li{color:var(--muted)}

/* included */
.hp .inc{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.hp .inc{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.hp .inc{grid-template-columns:repeat(3,1fr)}}
.hp .inc div{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.hp .inc .ico{margin:0;width:46px;height:46px;flex:none}
.hp .inc .ico svg{width:22px;height:22px}
.hp .inc h3{font-size:1.06rem}
.hp .inc p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.55}

/* packages */
.hp .pk{display:grid;gap:18px}
@media(min-width:900px){.hp .pk{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.hp .pkc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;transition:transform .3s,box-shadow .3s}
.hp .pkc:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(27,31,59,.4)}
.hp .pkc.hot{background:var(--navy);color:#fff;border-color:var(--navy)}
.hp .pkc .badge{position:absolute;top:-13px;left:30px;background:var(--brass);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;padding:6px 12px;border-radius:999px}
.hp .pkc .nm{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.hp .pkc .ds{color:var(--muted);margin-top:4px}
.hp .pkc.hot .ds{color:#c9cbe0}
.hp .pkc .pr{margin-top:18px;font-size:2.6rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.hp .pkc .was{margin-top:8px;font-size:14px;color:var(--muted);min-height:20px}
.hp .pkc.hot .was{color:#9da0bd}
.hp .pkc ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px;flex:1;align-content:start}
.hp .pkc li{display:flex;gap:10px;font-size:15px;line-height:1.45}
.hp .pkc li:before{content:"✓";font-weight:800;color:var(--brass)}
.hp .pkc.hot li:before{color:var(--brass-l)}
.hp .pk-note{margin-top:18px;text-align:center;color:var(--muted);font-size:14px}
.hp .pk-note a{color:var(--navy);font-weight:600}

/* faq */
.hp .faq{display:grid;gap:12px;max-width:52rem;margin:0 auto}
.hp details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 22px;transition:box-shadow .2s}
.hp details[open]{box-shadow:0 18px 30px -24px rgba(27,31,59,.35)}
.hp summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:700;font-size:16.5px}
.hp summary::-webkit-details-marker{display:none}
.hp summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;transition:transform .25s}
.hp details[open] summary:after{transform:rotate(45deg);background:var(--navy);color:#fff}
.hp details p{padding:0 0 20px;color:var(--muted);line-height:1.65}
.hp details a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* final cta */
.hp .final{padding:0 0 64px}
.hp .final-box{position:relative;overflow:hidden;border-radius:30px;padding:48px 26px;text-align:center;background:radial-gradient(600px 300px at 50% 0%,rgba(224,161,74,.35),transparent 70%),var(--navy);color:#fff}
@media(min-width:768px){.hp .final-box{padding:72px 48px}}
.hp .final-box h2{max-width:44rem;margin:14px auto 0}
.hp .final-box p{max-width:36rem;margin:18px auto 0;color:#c9cbe0;font-size:1.1rem;line-height:1.6}
.hp .final-box .ctas{justify-content:center}
.hp .final-box .eyebrow{color:var(--brass-l)}

/* reveal */
.hp .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.hp .rv.in{opacity:1;transform:none}
.hp .rv.d1{transition-delay:.08s}.hp .rv.d2{transition-delay:.16s}.hp .rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.hp *,.hp *:before,.hp *:after{animation:none!important;transition:none!important}.hp .rv{opacity:1;transform:none}.hp .hero h1 .u path{stroke-dashoffset:0}}

/* mobile menu */
.m-sheet{position:fixed;inset:0;z-index:60;display:none}
.m-sheet.open{display:block}
.m-sheet .bg{position:absolute;inset:0;background:rgba(15,18,40,.5);backdrop-filter:blur(2px)}
.m-sheet nav{position:absolute;right:0;top:0;bottom:0;width:min(320px,86vw);background:#fbf9f5;padding:24px;display:flex;flex-direction:column;gap:4px;box-shadow:-20px 0 50px rgba(0,0,0,.2);animation:m-in .25s ease}
@keyframes m-in{from{transform:translateX(30px);opacity:0}}
.m-sheet nav a{padding:14px 6px;border-bottom:1px solid #e7e0d3;font-size:17px;font-weight:600;color:#1b1f3b;text-decoration:none}
.m-sheet nav a[aria-current]{color:#b8731a}
.m-sheet .x{align-self:flex-end;width:40px;height:40px;border-radius:10px;border:1px solid #e7e0d3;background:#fff;font-size:22px;line-height:1;cursor:pointer;margin-bottom:8px}
.m-sheet .wa{margin-top:18px;text-align:center;border:0!important;background:#25d366;border-radius:999px;color:#07240f!important}
.hp .result .btn{white-space:normal;text-align:center;padding:0 18px}
@media(max-width:520px){.hp .opts:not(.three){grid-template-columns:1fr}.hp .result{padding:24px 20px}.hp .result .price b{font-size:2.4rem}}
.hp .result .price s:empty{display:none}

/* ===================== v2: brighter, colourful theme ===================== */
.hp{--grad:linear-gradient(100deg,#e8553f 0%,#f0a23b 100%);--coral:#e8553f;--orange:#f0a23b;--tint:#f6f7fc;background:#fff}
.hp h1 em,.hp h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hp .eyebrow{color:var(--coral)}
.hp .btn-grad{background:var(--grad);color:#fff;box-shadow:0 14px 28px -12px rgba(232,85,63,.65)}
.hp .btn-grad:hover{filter:saturate(1.1) brightness(1.03)}
.hp .tint{background:var(--tint)}

/* hero */
.hp .hero{background:radial-gradient(620px 420px at 92% 10%,rgba(240,162,59,.22),transparent 65%),radial-gradient(520px 380px at 70% 85%,rgba(232,85,63,.12),transparent 70%),radial-gradient(520px 420px at 0% 0%,rgba(77,124,255,.10),transparent 70%),#fff}
.hp .hero:before{opacity:.6}
.hp .hero h1 .u path{stroke:#f0a23b}
.hp .shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hp .sh{position:absolute;display:block;font-style:normal;animation:hp-drift 9s ease-in-out infinite}
.hp .sh.c1{width:18px;height:18px;border-radius:50%;background:var(--grad);left:46%;top:18%}
.hp .sh.c2{width:12px;height:12px;border-radius:50%;border:3px solid #4d7cff;right:6%;top:70%;animation-delay:-3s}
.hp .sh.p1{color:#2bc4a8;font-size:30px;font-weight:300;left:4%;top:62%;animation-delay:-2s}
.hp .sh.p2{color:#4d7cff;font-size:24px;right:38%;top:8%;animation-delay:-5s}
.hp .sh.t1{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid #2bc4a8;right:4%;top:20%;transform:rotate(15deg);opacity:.8}
.hp .sh.d1{width:7px;height:7px;border-radius:50%;background:#e8553f;left:40%;top:86%}
.hp .sh.d2{width:6px;height:6px;border-radius:50%;background:#f0a23b;left:12%;top:12%;animation-delay:-4s}
.hp .sh.d3{width:8px;height:8px;border-radius:50%;background:#4d7cff;right:30%;bottom:8%;animation-delay:-6s}
.hp .sh.x1{color:#1b1f3b;font-size:26px;right:2%;top:44%;opacity:.7;animation-delay:-1s}
@keyframes hp-drift{50%{transform:translate(8px,-12px) rotate(12deg)}}
@media(max-width:700px){.hp .sh.c1,.hp .sh.p2{display:none}}

/* website check */
.hp .check{margin-top:28px;max-width:560px}
.hp .check-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:10px}
.hp .check-label .spark{color:var(--coral);font-size:10px;animation:hp-pulse2 1.6s infinite}
@keyframes hp-pulse2{50%{opacity:.3}}
.hp .check-box{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 18px 40px -18px rgba(27,31,59,.35),0 0 0 1px rgba(27,31,59,.08);transition:box-shadow .2s}
.hp .check-box:focus-within{box-shadow:0 18px 40px -18px rgba(27,31,59,.35),0 0 0 3px rgba(240,162,59,.45)}
.hp .check-box .globe{width:20px;height:20px;color:#8a8ea8;flex:none}
.hp .check-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px Inter,sans-serif;color:var(--navy);height:48px}
.hp .check-box .btn{height:48px;padding:0 22px;flex:none}
.hp .check-note{margin-top:10px;font-size:13.5px;color:var(--muted)}
.hp .check.err .check-box{box-shadow:0 0 0 2px #e8553f}
@media(max-width:520px){.hp .check-box{flex-wrap:wrap;border-radius:20px;padding:8px}.hp .check-box .globe{display:none}.hp .check-box input{padding:0 10px}.hp .check-box .btn{width:100%}}
.hp .hero .ctas{margin-top:22px}

/* ticker */
.hp .ticker{background:var(--grad)}
.hp .ticker span:after{background:#fff;opacity:.85}

/* stats */
.hp .stat b{background:linear-gradient(100deg,#1b1f3b,#3d4790);-webkit-background-clip:text;background-clip:text;color:transparent}
.hp .stat b sup{-webkit-text-fill-color:#e8553f;color:#e8553f}
.hp .stats{box-shadow:0 30px 50px -40px rgba(27,31,59,.45)}

/* cards */
.hp .ico{background:linear-gradient(135deg,#fff1e6,#ffe3dc);color:var(--coral)}
.hp .pcard{box-shadow:0 20px 40px -34px rgba(27,31,59,.4)}
.hp .pcard:nth-child(2) .ico{background:linear-gradient(135deg,#e7f0ff,#dbe6ff);color:#4d7cff}
.hp .pcard:nth-child(3) .ico{background:linear-gradient(135deg,#e1f7f2,#d2f2ea);color:#1ea98f}

/* services: light with gradient icon cards */
.hp .svc{background:linear-gradient(180deg,var(--tint),#fff)}
.hp .scards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:visible;padding:0;margin-bottom:22px}
@media(min-width:760px){.hp .scards{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.hp .scards{grid-template-columns:repeat(6,1fr)}}
.hp .scards .tab{height:auto;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--navy);text-align:left;box-shadow:0 14px 30px -26px rgba(27,31,59,.5)}
.hp .scards .tab:hover{transform:translateY(-3px);background:#fff;box-shadow:0 22px 36px -24px rgba(27,31,59,.45)}
.hp .scards .tab[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 24px 40px -22px rgba(27,31,59,.7)}
.hp .scards .tn{font-size:15px;font-weight:700;line-height:1.25}
.hp .gi{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px -10px rgba(0,0,0,.35)}
.hp .gi svg{width:22px;height:22px}
.hp .gi.g1{background:linear-gradient(135deg,#ff8a5b,#e8553f)}
.hp .gi.g2{background:linear-gradient(135deg,#ffc35a,#f08a24)}
.hp .gi.g3{background:linear-gradient(135deg,#6f9bff,#3d5bdb)}
.hp .gi.g4{background:linear-gradient(135deg,#ff7aa8,#d9416f)}
.hp .gi.g5{background:linear-gradient(135deg,#43d6b5,#1a9e86)}
.hp .gi.g6{background:linear-gradient(135deg,#a58bff,#6c4fe0)}
.hp .svc .panel{background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(27,31,59,.45)}
.hp .svc .panel p{color:var(--muted)}
.hp .svc .dl li{color:var(--navy)}
.hp .svc .dl li:before{background-color:var(--coral)}
.hp .svc .panel .tag{color:var(--coral)}
.hp .svc .panel img{background:radial-gradient(circle at 50% 45%,#2c3263,#1b1f3b 70%);border-radius:24px;padding:22px}

/* plan finder */
.hp .steps{box-shadow:0 30px 60px -45px rgba(27,31,59,.45)}
.hp .step-t b{background:var(--grad)}
.hp .opt input:checked+label{border-color:var(--coral);box-shadow:0 0 0 3px rgba(232,85,63,.12)}
.hp .opt input[type=checkbox]:checked+label:after{background-color:var(--coral);border-color:var(--coral)}
.hp .result{background:radial-gradient(400px 260px at 100% 0%,rgba(240,162,59,.35),transparent 70%),linear-gradient(160deg,#232857,#1b1f3b)}

/* concepts, process, QA */
.hp .concepts{background:var(--tint)}
.hp .tl .dot{background:var(--grad);box-shadow:0 0 0 6px #fff,0 12px 22px -10px rgba(232,85,63,.6)}
.hp .tl:nth-child(3) .dot{background:linear-gradient(135deg,#6f9bff,#3d5bdb)}
.hp .tl:nth-child(4) .dot{background:linear-gradient(135deg,#43d6b5,#1a9e86)}
.hp .tl:last-child .dot{background:linear-gradient(135deg,#a58bff,#6c4fe0)}
.hp .tint .lead{color:var(--muted)}
.hp .tint .checklist{box-shadow:0 40px 70px -40px rgba(27,31,59,.5),0 0 0 1px rgba(27,31,59,.05)}
.hp .cmp.good{background:linear-gradient(160deg,#232857,#1b1f3b)}
.hp .cmp.good h3 i{background:var(--grad)}

/* included, packages, faq */
.hp section[style*="--sand"]{background:var(--tint)!important}
.hp .inc div{box-shadow:0 16px 30px -28px rgba(27,31,59,.45)}
.hp .inc>div:nth-child(3n+2) .ico{background:linear-gradient(135deg,#e7f0ff,#dbe6ff);color:#4d7cff}
.hp .inc>div:nth-child(3n) .ico{background:linear-gradient(135deg,#e1f7f2,#d2f2ea);color:#1ea98f}
.hp .pkc .badge{background:var(--grad)}
.hp .pkc li:before{color:var(--coral)}
.hp .pkc.hot li:before{color:var(--orange)}
.hp .pkc.hot .btn-brass{background:var(--grad)}
.hp details[open] summary:after{background:var(--grad)}
.hp .final-box{background:radial-gradient(500px 280px at 15% 0%,rgba(232,85,63,.45),transparent 70%),radial-gradient(500px 300px at 90% 100%,rgba(240,162,59,.35),transparent 70%),#1b1f3b}

/* ===================== website check dialog ===================== */
.ck-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.ck-modal[hidden]{display:none}
.ck-bg{position:absolute;inset:0;background:rgba(15,18,40,.55);backdrop-filter:blur(3px)}
.ck-card{position:relative;width:100%;max-width:720px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#1b1f3b;border-radius:26px;padding:28px;box-shadow:0 40px 80px rgba(0,0,0,.35);animation:ck-in .3s ease}
@keyframes ck-in{from{opacity:0;transform:translateY(16px) scale(.98)}}
.ck-x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:12px;border:1px solid #e7e0d3;background:#fff;font-size:22px;cursor:pointer;color:#1b1f3b}
.ck-loading{text-align:center;padding:30px 10px}
.ck-loading h3{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:18px 0 0}
.ck-loading p{margin:10px 0 0;color:#565b72}
.spin{width:64px;height:64px;margin:0 auto;border-radius:50%;background:conic-gradient(#e8553f,#f0a23b,#4d7cff,#e8553f);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));animation:ck-spin 1s linear infinite}
@keyframes ck-spin{to{transform:rotate(360deg)}}
.ck-err-ico{width:60px;height:60px;margin:0 auto;border-radius:50%;background:#fde8e4;color:#e8553f;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ck-top{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding-right:30px}
@media(max-width:520px){.ck-top{grid-template-columns:1fr;justify-items:center;text-align:center;padding-right:0}.ck-counts{justify-content:center}}
.ring{position:relative;width:130px;height:130px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10}
.ring .r-bg{stroke:#f1ece3}
.ring .r-fg{stroke:url(#ckg);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.2s ease}
.ring>div{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:44px}
.ring b{font-size:2.4rem;font-weight:800;letter-spacing:-.04em}
.ring small{font-size:14px;color:#565b72;margin-left:2px}
.ck-top .eyebrow{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e8553f}
.ck-top h3{margin:6px 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;word-break:break-all}
.ck-top p{margin:8px 0 0;color:#565b72;line-height:1.5}
.ck-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ck-counts span{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px}
.ck-counts .cp{background:#e3f4e8;color:#1f7a42}.ck-counts .cw{background:#fff2dc;color:#a8620d}.ck-counts .cf{background:#fde8e4;color:#c2412d}
.ck-list{margin-top:22px;display:grid;gap:8px}
.ck-group{margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a8ea8}
.ck-item{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:#faf8f4;border:1px solid #f0ebe1}
.ck-item i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px;color:#fff}
.ck-item.pass i{background:#2f9e57}.ck-item.warn i{background:#f0a23b}.ck-item.fail i{background:#e8553f}
.ck-item b{display:block;font-size:15px}
.ck-item span{display:block;font-size:14px;color:#565b72;margin-top:2px;line-height:1.45;word-break:break-word}
.ck-cta{margin-top:22px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#fff3ea,#ffe9e3);display:grid;gap:14px}
.ck-cta p{margin:0;line-height:1.5}
.ck-cta .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:#25d366;color:#07240f;font-weight:700;text-decoration:none;padding:0 20px;text-align:center}
.ck-fine{margin:12px 0 0;font-size:12.5px;color:#8a8ea8;text-align:center}
.ck-modal .btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 22px;border-radius:999px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.ck-modal .btn-navy{background:#1b1f3b;color:#fff}
.ck-modal .btn-wa{background:#25d366;color:#07240f}
.ck-modal .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(prefers-reduced-motion:reduce){.spin{animation-duration:3s}.ck-card{animation:none}.ring .r-fg{transition:none}}

/* ===================== inner pages ===================== */
.hp .page-hero{position:relative;overflow:hidden;padding:116px 0 44px;background:radial-gradient(620px 380px at 95% 0%,rgba(240,162,59,.22),transparent 65%),radial-gradient(520px 380px at 0% 0%,rgba(77,124,255,.10),transparent 70%),radial-gradient(500px 300px at 60% 100%,rgba(232,85,63,.10),transparent 70%),#fff}
@media(min-width:768px){.hp .page-hero{padding:148px 0 64px}}
.hp .page-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:-.045em;line-height:1;margin-top:18px;max-width:52rem}
.hp .page-hero .lead{margin-top:20px;max-width:40rem}
.hp .page-hero .wrap{position:relative}
.hp .crumbs{font-size:14px;color:var(--muted)}
.hp .crumbs a{color:var(--muted);text-decoration:none}.hp .crumbs a:hover{color:var(--navy)}

/* check band (inner pages) */
.hp .band{position:relative;overflow:hidden;border-radius:30px;padding:36px 24px;background:radial-gradient(500px 260px at 100% 0%,rgba(240,162,59,.28),transparent 70%),radial-gradient(400px 260px at 0% 100%,rgba(77,124,255,.14),transparent 70%),#fff;border:1px solid var(--line);box-shadow:0 40px 70px -50px rgba(27,31,59,.5);display:grid;gap:24px;align-items:center}
@media(min-width:900px){.hp .band{grid-template-columns:1fr 1fr;padding:52px}}
.hp .band h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.hp .band .check{margin-top:0}

/* our work */
.hp .work-grid>div{gap:22px}
.hp .work-grid [data-slot=card]{border-radius:22px;border-color:var(--line);box-shadow:0 24px 44px -36px rgba(27,31,59,.5);transition:transform .35s,box-shadow .35s}
.hp .work-grid [data-slot=card]:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(27,31,59,.55)}
.hp .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.hp .chips span{font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px -14px rgba(27,31,59,.4)}

/* feature grids */
.hp .grid4{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.hp .grid4{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.hp .grid4{grid-template-columns:repeat(4,1fr)}}
.hp .fcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 30px -28px rgba(27,31,59,.45);transition:transform .3s,box-shadow .3s}
.hp .fcard:hover{transform:translateY(-4px);box-shadow:0 26px 40px -28px rgba(27,31,59,.5)}
.hp .fcard .gi{margin-bottom:16px}
.hp .fcard h3{font-size:1.08rem}
.hp .fcard p{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.55}
.hp .fcard .num{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--coral);margin-bottom:10px}
.hp .renew{display:grid;gap:16px}
@media(min-width:800px){.hp .renew{grid-template-columns:1fr 1fr}}
.hp .rcard{border-radius:24px;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 40px -34px rgba(27,31,59,.5)}
.hp .rcard.alt{background:linear-gradient(160deg,#232857,#1b1f3b);color:#fff;border-color:#1b1f3b}
.hp .rcard .rp{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin-top:10px}
.hp .rcard .rp small{font-size:1rem;font-weight:600;color:var(--muted);margin-left:4px}
.hp .rcard.alt .rp small{color:#c9cbe0}
.hp .rcard p{margin-top:10px;color:var(--muted);line-height:1.6}
.hp .rcard.alt p{color:#c9cbe0}
.hp .rcard h3{font-size:1.3rem}

/* about */
.hp .story{display:grid;gap:30px;align-items:start}
@media(min-width:900px){.hp .story{grid-template-columns:1.05fr .95fr;gap:48px}}
.hp .story p{color:var(--muted);line-height:1.75;font-size:1.08rem}
.hp .story p+p{margin-top:16px}
.hp .meet{display:grid;gap:14px;margin-top:22px}
@media(min-width:640px){.hp .meet{grid-template-columns:1fr 1fr}}
.hp .meet div{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.hp .meet b{display:block;font-size:15px}
.hp .meet span{display:block;margin-top:4px;color:var(--muted);font-size:14.5px;line-height:1.5}

/* contact */
.hp .contact-grid{display:grid;gap:24px;align-items:start}
@media(min-width:1000px){.hp .contact-grid{grid-template-columns:1.2fr .8fr;gap:32px}}
.hp .form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 34px 60px -44px rgba(27,31,59,.5)}
@media(min-width:768px){.hp .form-card{padding:36px}}
.hp .form-card h2{font-size:2rem;margin:0}
.hp .form-card .sub{margin-top:8px;color:var(--muted)}
.hp .fgrid{display:grid;gap:16px;margin-top:24px}
@media(min-width:640px){.hp .fgrid .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
.hp .fgrid .two{display:grid;gap:16px}
.hp .field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.hp .field input,.hp .field select,.hp .field textarea{width:100%;font:500 16px Inter,sans-serif;color:var(--navy);background:#fbfaf7;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none}
.hp .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565b72' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}
.hp .field textarea{min-height:120px;resize:vertical}
.hp .field input:focus,.hp .field select:focus,.hp .field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(240,162,59,.18);background:#fff}
.hp .field.bad input{border-color:var(--coral)}
.hp .form-note{font-size:13.5px;color:var(--muted);line-height:1.5}
.hp .reach{background:linear-gradient(160deg,#232857,#1b1f3b);color:#fff;border-radius:26px;padding:28px;position:relative;overflow:hidden}
.hp .reach:before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,162,59,.4),transparent 70%)}
.hp .reach h2{font-size:1.9rem;margin:0;position:relative}
.hp .reach ul{list-style:none;padding:0;margin:18px 0 0;position:relative}
.hp .reach li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.hp .reach li:last-child{border:0}
.hp .reach .gi{width:40px;height:40px;flex:none}
.hp .reach .gi svg{width:18px;height:18px}
.hp .reach small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9da0bd}
.hp .reach a,.hp .reach address{color:#fff;text-decoration:none;font-weight:600;font-style:normal;line-height:1.45;font-size:16px}
.hp .reach a:hover{color:var(--orange)}

/* legal */
.hp .legal{max-width:46rem}
.hp .legal h2{font-size:1.5rem;margin-top:34px;letter-spacing:-.02em}
.hp .legal p{margin-top:12px;color:var(--muted);line-height:1.75;font-size:1.04rem}
.hp .legal a{color:var(--navy);font-weight:600}
.hp .legal .upd{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px}

/* 404 */
.hp .nf{min-height:70vh;display:flex;align-items:center;text-align:center}
.hp .nf .big{font-size:clamp(6rem,18vw,11rem);font-weight:900;letter-spacing:-.06em;line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* blog */
.hp .cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.hp .cats a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s}
.hp .cats a:hover{border-color:#cdbfa6}
.hp .cats a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.hp .posts{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:760px){.hp .posts{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.hp .posts{grid-template-columns:repeat(3,1fr)}}
.hp .pc{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;color:var(--navy);box-shadow:0 20px 40px -34px rgba(27,31,59,.5);transition:transform .3s,box-shadow .3s}
.hp .pc:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(27,31,59,.5)}
.hp .pc img,.hp .pc .ph{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--sand)}
.hp .pc .ph{background:radial-gradient(260px 160px at 90% 10%,rgba(240,162,59,.55),transparent 70%),linear-gradient(140deg,#2c3263,#1b1f3b);display:flex;align-items:flex-end;padding:18px}
.hp .pc .ph span{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.85}
.hp .pc .pb{display:flex;flex-direction:column;gap:10px;padding:22px;flex:1}
.hp .pc .pcat{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
.hp .pc h2,.hp .pc h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.02em;margin:0}
.hp .pc p{color:var(--muted);font-size:15px;line-height:1.55}
.hp .pc .pm{margin-top:auto;padding-top:6px;font-size:13.5px;color:var(--muted)}
.hp .feat{display:grid;margin-bottom:26px;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;text-decoration:none;color:var(--navy);box-shadow:0 30px 60px -44px rgba(27,31,59,.55);transition:transform .3s}
.hp .feat:hover{transform:translateY(-4px)}
@media(min-width:860px){.hp .feat{grid-template-columns:1.1fr .9fr}}
.hp .feat img,.hp .feat .ph{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;background:radial-gradient(300px 200px at 90% 10%,rgba(240,162,59,.55),transparent 70%),linear-gradient(140deg,#2c3263,#1b1f3b)}
.hp .feat .fb{padding:30px;display:flex;flex-direction:column;justify-content:center;gap:12px}
@media(min-width:860px){.hp .feat .fb{padding:44px}}
.hp .feat h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:0}
.hp .feat p{color:var(--muted);line-height:1.6}
.hp .empty{padding:44px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:22px}
.hp .pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;color:var(--muted);font-size:14px}
.hp .pager a{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:600;text-decoration:none}
.hp .post-head{padding:116px 0 30px;background:radial-gradient(600px 360px at 95% 0%,rgba(240,162,59,.2),transparent 65%),radial-gradient(500px 360px at 0% 0%,rgba(77,124,255,.09),transparent 70%),#fff}
@media(min-width:768px){.hp .post-head{padding:148px 0 40px}}
.hp .narrow{max-width:48rem;margin:0 auto;padding:0 20px}
@media(min-width:768px){.hp .narrow{padding:0 32px}}
.hp .post-head h1{font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.04;margin-top:16px}
.hp .post-head .lead{margin-top:16px}
.hp .meta{margin-top:18px;font-size:14px;color:var(--muted)}
.hp .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hp .tags a{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--navy);text-decoration:none}
.hp .share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.hp .share-bar .sl{font-size:14px;font-weight:600;color:var(--muted);margin-right:4px}
.hp .share-bar a,.hp .share-bar button{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font:600 13.5px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s}
.hp .share-bar a:hover,.hp .share-bar button:hover{border-color:var(--orange);color:var(--coral)}
.hp .share-bar .share-native{background:var(--navy);color:#fff;border-color:var(--navy)}
.hp .share-bar .hidden{display:none}
.hp .cover{max-width:62rem;margin:0 auto;padding:0 20px}
.hp .cover img{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:0 40px 70px -50px rgba(27,31,59,.6);display:block}
.hp .prose-td{padding:40px 0 20px}
.hp .prose-td h2{font-size:1.9rem;letter-spacing:-.03em}
.hp .prose-td a{color:var(--coral);font-weight:600}
.hp .prose-td blockquote{border-left:4px solid var(--orange);background:#fff8ee;padding:14px 18px;border-radius:0 14px 14px 0}
.hp .prose-td img{border-radius:18px}
.hp .boxed{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:24px}
.hp .pfaq{margin-top:28px}
.hp .pfaq h2{font-size:1.8rem;margin-bottom:14px}
.hp .pfaq .faq{max-width:none}
.hp .post-cta{margin:34px 0 60px;border-radius:26px;padding:34px;background:radial-gradient(400px 240px at 100% 0%,rgba(240,162,59,.4),transparent 70%),linear-gradient(160deg,#232857,#1b1f3b);color:#fff}
.hp .post-cta h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0}
.hp .post-cta p{margin-top:10px;color:#c9cbe0;line-height:1.6}
.hp .note-box{margin-bottom:14px;padding:10px 14px;border-radius:12px;background:#fff4e2;border:1px solid #f3d7a8;font-size:14px}
.hp .prose-td>*+*{margin-top:1.1rem}
.hp .prose-td h2{margin-top:2.4rem}
.hp .prose-td h3{margin-top:2rem;font-size:1.35rem}
.hp .prose-td ul,.hp .prose-td ol{padding-left:1.3rem}
.hp .prose-td li+li{margin-top:.4rem}
.hp .prose-td p,.hp .prose-td li{color:#3a3f5c}