:root{--navy:#10273d;--navy2:#173a62;--cream:#f7f0df;--ink:#14243a;--muted:#607085;--line:#dce4ed;--gold:#ffcf69;--sage:#89a99a;--paper:#fffdf8;--shadow:0 24px 70px rgba(16,39,61,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.how-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(16,39,61,.96);backdrop-filter:blur(16px)}.how-nav-inner{max-width:1180px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.how-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800}.how-logo img{width:38px;height:38px}.how-nav-links{display:flex;align-items:center;gap:18px;color:#d8e2ec;font-size:14px}.how-nav-links a{text-decoration:none}.how-nav .how-cta{padding:10px 16px;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:800}.how-hero{background:radial-gradient(circle at 78% 14%,rgba(214,41,118,.24),transparent 28%),linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;padding:90px 24px 76px}.how-wrap{max-width:1180px;margin:auto}.how-kicker{margin:0 0 12px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.how-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:56px}.how-hero h1{max-width:760px;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.045em}.how-hero-copy{max-width:690px;margin:24px 0;color:#dbe6ef;font-size:clamp(18px,2.2vw,23px)}.how-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.how-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;text-decoration:none;font-weight:800}.how-button.primary{border-color:var(--gold);background:var(--gold);color:var(--navy)}.how-mini-flow{padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.18)}.how-mini-flow ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.how-mini-flow li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.08)}.how-mini-flow b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy)}.how-summary{padding:36px 24px;background:#fff;border-bottom:1px solid var(--line)}.how-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.how-summary article{padding:18px;border:1px solid var(--line);border-radius:16px}.how-summary strong{display:block;font-size:23px;color:var(--navy)}.how-main{padding:72px 24px}.how-main-head{max-width:780px;margin-bottom:40px}.how-main h2{margin:0 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em}.how-main-head p{color:var(--muted);font-size:18px}.how-step{display:grid;grid-template-columns:72px minmax(0,.8fr) minmax(420px,1.2fr);gap:28px;align-items:start;padding:42px 0;border-top:1px solid var(--line)}.how-step-number{position:sticky;top:92px;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--navy);color:var(--gold);font-size:20px;font-weight:900}.how-step-copy h3{margin:0 0 12px;font-size:28px;line-height:1.15}.how-step-copy p{margin:0 0 14px;color:var(--muted)}.how-checks{padding:0;list-style:none}.how-checks li{position:relative;margin:9px 0;padding-left:25px}.how-checks li:before{content:"✓";position:absolute;left:0;color:#16845d;font-weight:900}.how-screen{position:relative;min-height:320px;padding:16px;border:1px solid #cbd7e4;border-radius:22px;background:#eaf0f6;box-shadow:var(--shadow);cursor:zoom-in;overflow:hidden}.how-screen:after{content:"Click to zoom";position:absolute;right:24px;bottom:22px;padding:7px 11px;border-radius:999px;background:rgba(16,39,61,.88);color:#fff;font-size:12px;font-weight:800}.how-screen-bar{display:flex;gap:6px;margin-bottom:14px}.how-screen-bar i{width:9px;height:9px;border-radius:50%;background:#aebccb}.how-screen-shell{display:grid;grid-template-columns:112px 1fr;min-height:270px;border-radius:15px;background:#fff;overflow:hidden}.how-screen-side{padding:18px 12px;background:var(--navy);color:#fff;font-size:11px}.how-screen-side strong{display:block;margin-bottom:18px;color:var(--gold);font-size:14px}.how-screen-side span{display:block;margin:11px 0;color:#c7d4df}.how-screen-body{padding:22px}.how-screen-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.how-screen-title b{font-size:17px}.how-chip{padding:5px 9px;border-radius:999px;background:#e7f5ef;color:#167451;font-size:10px;font-weight:800}.how-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.how-field{min-height:46px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;color:#516173;font-size:11px}.how-field.wide{grid-column:1/-1}.how-field b{display:block;margin-bottom:4px;color:var(--ink)}.how-provider-grid,.how-social-grid,.how-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.how-provider,.how-social,.how-plan{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:11px}.how-provider.active,.how-social.active,.how-plan.active{border-color:#4b78a5;box-shadow:inset 0 0 0 1px #4b78a5}.how-provider strong,.how-social strong,.how-plan strong{display:block;margin-bottom:4px}.how-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.how-kanban-col{padding:10px;border-radius:10px;background:#f1f4f8;font-size:10px}.how-card{margin-top:8px;padding:9px;border-radius:8px;background:#fff;box-shadow:0 5px 14px rgba(16,39,61,.08)}.how-callout{margin-top:16px;padding:13px 14px;border-left:4px solid var(--gold);border-radius:10px;background:#fff7dd;color:#55451c;font-size:13px}.how-plans{padding:76px 24px;background:var(--navy);color:#fff}.how-plans h2{margin:0 0 12px;font-size:clamp(32px,4vw,50px)}.how-plans-intro{max-width:760px;color:#d6e0e9}.how-plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.how-plan-card{display:flex;flex-direction:column;padding:25px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.08)}.how-plan-card.featured{background:linear-gradient(145deg,rgba(150,47,191,.34),rgba(79,91,213,.34))}.how-plan-card h3{margin:5px 0;font-size:24px}.how-plan-card .price{font-size:34px;font-weight:900}.how-plan-card ul{padding-left:18px;color:#dfe8ef}.how-plan-card .how-button{margin-top:auto}.how-faq{padding:76px 24px}.how-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.how-faq details{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.how-faq summary{cursor:pointer;font-weight:800}.how-faq p{color:var(--muted)}.how-final{padding:74px 24px;text-align:center;background:var(--cream)}.how-final h2{max-width:820px;margin:0 auto 20px;font-size:clamp(34px,4vw,54px);line-height:1.08}.how-final .how-button{border-color:var(--navy);color:var(--navy)}.how-final .how-button.primary{color:var(--navy)}.how-footer{padding:28px 24px;background:#0c1c2c;color:#aebdca;text-align:center;font-size:13px}.how-lightbox{width:min(1100px,94vw);padding:0;border:0;border-radius:24px;background:#eaf0f6;box-shadow:0 30px 100px rgba(0,0,0,.5)}.how-lightbox::backdrop{background:rgba(5,15,27,.78);backdrop-filter:blur(5px)}.how-lightbox-inner{padding:22px}.how-lightbox-close{float:right;border:0;background:var(--navy);color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}.how-lightbox-stage{clear:both;padding-top:12px}.how-lightbox-stage .how-screen{min-height:560px;cursor:default;box-shadow:none}.how-lightbox-stage .how-screen:after{display:none}.how-lightbox-stage .how-screen-shell{min-height:500px}.how-lightbox-stage .how-screen-side{font-size:15px}.how-lightbox-stage .how-screen-body{padding:38px}.how-lightbox-stage .how-field,.how-lightbox-stage .how-provider,.how-lightbox-stage .how-social,.how-lightbox-stage .how-plan{font-size:15px}
@media(max-width:900px){.how-hero-grid,.how-step{grid-template-columns:1fr}.how-step-number{position:static}.how-summary-grid,.how-plan-cards{grid-template-columns:1fr 1fr}.how-nav-links a:not(.how-cta){display:none}}@media(max-width:620px){.how-hero{padding-top:60px}.how-summary-grid,.how-plan-cards,.how-faq-grid{grid-template-columns:1fr}.how-provider-grid,.how-social-grid,.how-plan-grid{grid-template-columns:1fr}.how-screen{min-height:280px;padding:10px}.how-screen-shell{grid-template-columns:76px 1fr}.how-screen-side{padding:14px 8px}.how-fields,.how-kanban{grid-template-columns:1fr}.how-field.wide{grid-column:auto}.how-lightbox-stage .how-screen{min-height:70vh}.how-lightbox-stage .how-screen-shell{min-height:64vh}}
.how-screen{margin:0;min-height:0;padding:12px}.how-screen:after{display:none}.how-screen>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:14px}.how-screen>figcaption{position:absolute;right:22px;bottom:20px;padding:7px 11px;border-radius:999px;background:rgba(16,39,61,.9);color:#fff;font-size:12px;font-weight:800}.how-lightbox-stage .how-screen{min-height:0}.how-lightbox-stage .how-screen>img{aspect-ratio:auto;object-fit:contain}.how-lightbox-stage .how-screen>figcaption{display:none}
.how-language{position:relative}.how-language summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px}.how-language summary::-webkit-details-marker{display:none}.how-language-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;min-width:170px;padding:8px;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.how-language-menu a{padding:8px 10px;border-radius:8px;color:var(--navy)}.how-language-menu a:hover{background:#edf2f6}
.how-language-menu{grid-template-columns:repeat(2,minmax(58px,1fr));min-width:150px}.how-language-menu a{text-align:center;white-space:nowrap}