:root{--paper:#f7f8fb;--card:#fff;--ink:#181c1a;--muted:#6b7280;--border:#e4e4e7;--blue:#2563eb;--blue-deep:#1d4ed8;--blue-soft:#eaf1fe;--orange:#f97316;--green:#2f9e68;--green-soft:#eaf7f0;--radius:8px;--sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px #181c1a0f, 0 1px 3px #181c1a0d;--shadow-lg:0 12px 32px #181c1a1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}a{color:inherit}a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--radius)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}.nav{z-index:20;backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.nav-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:7px;display:block}.brand-name{letter-spacing:-.03em;font-size:19px;font-weight:800}.nav-links{gap:26px;margin-left:12px;font-size:15px;font-weight:600;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.nav-signin{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.nav-signin:hover{color:var(--blue)}.nav-menu{display:none;position:relative}.nav-menu>summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:38px;height:38px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu[open]>summary{border-color:var(--blue);color:var(--blue)}.nav-menu .ic-close,.nav-menu[open] .ic-open{display:none}.nav-menu[open] .ic-close{display:block}.nav-panel{z-index:30;background:var(--card);border:1px solid var(--border);width:max-content;min-width:232px;max-width:min(300px,100vw - 40px);box-shadow:var(--shadow-lg);border-radius:12px;gap:2px;padding:10px;display:grid;position:absolute;top:calc(100% + 13px);right:0}.nav-panel a{border-radius:var(--radius);color:var(--ink);padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none;display:block}.nav-panel a:hover{background:var(--paper);color:var(--blue)}.nav-panel .nav-panel-rule{border:none;border-top:1px solid var(--border);margin:7px 4px}.btn{font-family:var(--sans);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--blue-deep)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-onblue{color:var(--blue);background:#fff}.btn-onblue:hover{background:var(--blue-soft)}.btn-sm{padding:8px 15px;font-size:14px}.btn-lg{padding:13px 24px;font-size:16px}.btn-block{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin:0 0 14px;font-size:13px;font-weight:700}.eyebrow-onblue{color:#fffc}.section{padding:clamp(56px,8vw,104px) 0}.sec-title{max-width:18ch;font-size:clamp(30px,4.4vw,46px);line-height:1.08}.sec-intro{color:var(--muted);max-width:54ch;margin:18px 0 0;font-size:clamp(17px,2vw,20px)}.band-white{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hero{padding:clamp(52px,8vw,92px) 0 0}.hero-inner{text-align:center}.hero h1{letter-spacing:-.03em;max-width:16ch;margin:0 auto;font-size:clamp(38px,6.4vw,72px);font-weight:800;line-height:1.04}.hero-sub{color:var(--muted);max-width:56ch;margin:24px auto 0;font-size:clamp(18px,2.2vw,22px)}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.hero-note{color:var(--muted);margin:18px 0 0;font-size:14px;font-weight:500}.browser{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.hero .browser{margin-top:clamp(44px,6vw,72px)}.browser-bar{border-bottom:1px solid var(--border);background:#fbfbfc;align-items:center;gap:14px;padding:11px 16px;display:flex}.dots{gap:6px;display:inline-flex}.dots i{background:#e4e4e7;border-radius:50%;width:10px;height:10px}.browser-url{background:var(--paper);border:1px solid var(--border);max-width:300px;color:var(--muted);text-align:center;border-radius:999px;flex:1;padding:5px 14px;font-size:12px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(32px,4vw,48px);display:grid}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(32px,4vw,48px);display:grid}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(32px,4vw,48px);display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:26px 24px}.card-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.card h3{margin:0 0 8px;font-size:18px;font-weight:700}.card p{color:var(--muted);margin:0;font-size:15px}.cta-band{background:var(--blue);color:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:clamp(32px,4vw,48px);display:flex}.cta-band-title{max-width:20ch;font-size:clamp(24px,3.2vw,34px);line-height:1.12}.cta-band-sub{color:#ffffffd9;max-width:52ch;margin:12px 0 0;font-size:16px}.statements{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,44px);display:grid}.statement-title{margin:0 0 14px;font-size:clamp(21px,2.6vw,26px);line-height:1.14}.statement-body p{color:var(--muted);margin:0 0 10px;font-size:16px}.statement-body p:last-child{margin-bottom:0}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:clamp(36px,4vw,52px);display:grid}.plans-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.plan{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:clamp(26px,3vw,34px)}.plan-paid{border-color:var(--blue);box-shadow:var(--shadow-lg);position:relative}.plan-flag{background:var(--blue);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-12px;right:24px}.plan-name{font-size:20px;font-weight:700}.plan-price{margin:8px 0 18px}.plan-price b{letter-spacing:-.03em;font-size:clamp(38px,5vw,48px);font-weight:800}.plan-price span{color:var(--muted);font-size:15px;font-weight:500}.plan-price .plan-price-from{margin-right:5px}.plan-hi{margin:18px 0 0;font-size:14px;font-weight:600}.plan-bullets{gap:11px;margin:18px 0 0;padding:0;list-style:none;display:grid}.plan-bullets li{color:var(--ink);padding-left:26px;font-size:15px;position:relative}.plan-bullets li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;top:0;left:0}.faq-list{grid-template-columns:1fr;gap:0;max-width:760px;margin-top:clamp(32px,4vw,48px);display:grid}.faq-item{border-top:1px solid var(--border);padding:22px 0}.faq-item:first-child{border-top:none;padding-top:0}.faq-item h3{margin:0 0 8px;font-size:18px;font-weight:700}.faq-item p{color:var(--muted);margin:0;font-size:16px}.closing{background:var(--blue);color:#fff;text-align:center;padding:clamp(60px,8vw,100px) 0}.closing-inner{flex-direction:column;align-items:center;display:flex}.closing-mark{box-shadow:var(--shadow-lg);border-radius:13px;margin-bottom:20px}.closing h2{letter-spacing:-.03em;max-width:18ch;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.06}.closing-sub{color:#ffffffd9;max-width:46ch;margin:18px auto 28px;font-size:clamp(17px,2.2vw,21px)}.closing-note{color:#ffffffb3;margin:18px 0 0;font-size:14px}.foot{border-top:1px solid var(--border);padding:clamp(44px,5vw,64px) 0 40px}.foot-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:40px;display:grid}.foot-brand .brand{margin-bottom:14px}.foot-tag{color:var(--muted);max-width:34ch;margin:0;font-size:15px}.foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.foot-col h4{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 14px;font-size:12px}.foot-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.foot-col a{color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}.foot-col a:hover{color:var(--blue)}.foot-legal{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;margin:30px 0 0;padding-top:22px;font-size:14px}@media (width<=940px){.cards-4,.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}.statements{grid-template-columns:1fr;gap:32px}}@media (width<=900px){.nav-links,.nav-signin{display:none}.nav-menu{display:block}.nav-actions{gap:10px}}@media (width<=720px){.plans,.cards-2,.faq-list,.foot-inner{grid-template-columns:minmax(0,1fr)}.cta-band{flex-direction:column;align-items:flex-start}}@media (width<=560px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}@media (width<=460px){.cards-4,.cards-3{grid-template-columns:minmax(0,1fr)}}
