
.frontal-home{--ink:#090e1a;--teal:#0cb8a4;--bg:#fff;--bg-2:#f8fafc;--card:#fff;--panel:#fff;--line:rgba(13,13,26,.16);--slate:rgba(13,13,26,.72);--muted:rgba(13,13,26,.72);--font-body:'Plus Jakarta Sans',sans-serif;--font-display:var(--font-body);background:#fff;color:var(--ink);font:16px/1.65 var(--font-body)}
.frontal-home *{box-sizing:border-box}
.frontal-home .wrap{width:min(1200px,calc(100% - 48px));max-width:1200px;margin-left:auto;margin-right:auto;padding:0}
.frontal-home h1,.frontal-home h2,.frontal-home h3,.frontal-home h4{font-family:var(--font-body);font-weight:700;color:var(--ink);text-wrap:initial}
.frontal-home h1{font-size:58px;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;max-width:none}
.frontal-home h2{font-size:36px;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}
.frontal-home h3{font-size:22px;line-height:1.35;margin:12px 0}
.frontal-home p{margin:0 0 20px}
.frontal-home a{color:inherit;text-underline-offset:4px}
.frontal-home a:hover{text-decoration:underline}
.frontal-home :is(a,button,input,summary):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.frontal-home .lede{font:400 18px/1.65 var(--font-body);color:var(--muted);max-width:none}
.frontal-home :is(.eyebrow,.kicker){font:700 12px/1.65 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:20px}
.frontal-home :is(.fine,.note){font:400 12px/1.65 var(--font-body);color:var(--muted)}
.frontal-home .btn,.frontal-home button{background:var(--teal);color:var(--ink);border:1px solid transparent;border-radius:8px;padding:13px 22px;min-height:48px;font:700 14px/1.5 var(--font-body);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transform:none}
.frontal-home .btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.frontal-home .btn:hover,.frontal-home button:hover{box-shadow:inset 0 0 0 2px var(--ink);transform:none}
.frontal-home label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.frontal-home input{min-width:0;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:16px var(--font-body);min-height:48px}
.frontal-home .textlink{font-size:14px;font-weight:700;display:inline-block;padding:10px 0}
.frontal-home .hero-art{margin:0;width:100%;max-width:572px;background:#fff;border-radius:16px}
.frontal-home .hero-art img{display:block;width:100%;height:auto;object-fit:contain}
.frontal-home .hero-art picture{display:block}
.frontal-home :is(.card,.b-card,.price-card){background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:none;color:var(--ink)}
.frontal-home :is(.card,.b-card,.price-card):hover{transform:none;box-shadow:none;border-color:var(--line)}
.frontal-home li{margin-bottom:12px}
.frontal-home :is(ul,ol){padding-left:22px}
.frontal-home details{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:#fff;padding:16px 20px}
.frontal-home summary{font-weight:700;cursor:pointer;min-height:44px;padding:10px 0;color:var(--ink)}
.frontal-home details p{margin-top:12px}
.frontal-home .closing,.frontal-home .cta-band{padding:48px;border:0;border-radius:16px;background:var(--ink);color:#fff}
.frontal-home .closing :is(h2,p,.ghost),.frontal-home .cta-band :is(h2,p,.ghost){color:#fff}
.frontal-home .closing :focus-visible,.frontal-home .cta-band :focus-visible{outline-color:#fff}
.frontal-home .closing .ghost{border-color:#fff}
@media(max-width:1000px){.frontal-home h1{font-size:48px}}
@media(max-width:767px){.frontal-home .wrap{width:calc(100% - 40px)}.frontal-home h1{font-size:38px;line-height:1.12}.frontal-home h2{font-size:28px}.frontal-home .lede{font-size:16px}.frontal-home :is(.card,.b-card,.price-card){padding:24px}.frontal-home .hero-art{max-width:400px;margin:auto}.frontal-home .closing,.frontal-home .cta-band{padding:28px}.frontal-home .closing .btn{width:100%;margin-top:12px}}

.frontal-header{background:#fff;border-bottom:1px solid rgba(13,13,26,.16);position:relative;backdrop-filter:none;z-index:3;color:#090e1a;font:14px/1.65 'Plus Jakarta Sans',sans-serif}
.frontal-header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1200px,calc(100% - 48px));margin:auto;padding:0}
.frontal-header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 18px 'Plus Jakarta Sans',sans-serif;color:#090e1a;white-space:nowrap;letter-spacing:0}
.frontal-header .desktop{display:flex;align-items:center;gap:28px}
.frontal-header nav a{color:#090e1a;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.frontal-header .home-login{border:1px solid rgba(13,13,26,.16);border-radius:8px;padding:10px 16px}
.frontal-header :is(a,summary):focus-visible{outline:3px solid #090e1a;outline-offset:4px}
.frontal-header .brand::after{content:none}
.frontal-header .mobile{display:none}
.frontal-header .mobile:not([open]) nav{display:none}
@media(max-width:767px){.frontal-header .wrap{position:relative}.frontal-header .mobile[open]{position:absolute;top:14px;left:0;width:100%}.frontal-header .mobile[open] summary{width:max-content;margin-left:auto}.frontal-header .mobile[open] nav{position:static;width:100%;align-items:stretch;flex-wrap:nowrap}}
@media(max-width:1000px){.frontal-header .desktop{gap:16px}}
@media(max-width:767px){.frontal-header .wrap{height:72px;width:calc(100% - 40px)}.frontal-header .desktop{display:none}.frontal-header .mobile{display:block;padding:0;border:0;margin:0;border-radius:0}.frontal-header .mobile summary{cursor:pointer;padding:10px;min-height:44px;font-weight:700;list-style:none}.frontal-header .mobile nav{position:absolute;top:72px;left:0;right:0;z-index:4;padding:20px;background:#fff;border-bottom:1px solid rgba(13,13,26,.16);display:flex;flex-direction:column;gap:8px}.frontal-header .mobile nav a{padding:10px}.frontal-header .brand{font-size:16px}}

body:has(.frontal-home){--font-body:'Plus Jakarta Sans',sans-serif;--font-display:var(--font-body);--ink:#090e1a;--bg:#fff;--bg-2:#f8fafc;--card:#fff;--line:rgba(13,13,26,.16);--slate:rgba(13,13,26,.72);background:#fff;color:#090e1a;color-scheme:light;margin:0}
.frontal-home .section{padding:88px 0;background:#fff}
.frontal-home .section.alt{background:#f8fafc}
.frontal-home .product-intro{padding:88px 0 28px;overflow:visible}
.frontal-home .product-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.frontal-home .product-intro-copy{min-width:0}
.frontal-home .product-intro-copy h1{max-width:none;font-size:58px;line-height:1.08;margin:0 0 24px}
.frontal-home .product-intro-copy .lede{max-width:none;font-size:18px;line-height:1.65;margin:0 0 28px}
.frontal-home .product-intro-copy .url-form{display:flex;gap:8px;margin:0 0 12px}
.frontal-home .product-intro-copy .url-form input{font-size:16px;border-radius:8px}
.frontal-home .product-intro-copy .url-form .btn{font-size:14px;white-space:nowrap;align-self:stretch}
.frontal-home .product-intro-copy .intro-limit{max-width:none;line-height:1.65}
.frontal-home .intro-proof{margin-top:80px}
.frontal-home .intro-proof .grid{border-top:1px solid var(--line);padding-top:28px;gap:32px}
.frontal-home .intro-proof .card{border:0;border-radius:0;padding:0;background:transparent}
.frontal-home .badge{background:transparent;color:var(--ink);font-size:13px;border:0;padding:0}
.frontal-home .grid{display:grid;gap:24px}
.frontal-home .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.frontal-home .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.frontal-home .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.frontal-home .section-heading{max-width:760px;margin:0 auto 36px}
.frontal-home .stats{margin-bottom:24px}
.frontal-home .stat{border:1px solid var(--line);background:#fff;padding:24px;border-radius:16px}
.frontal-home .stat .v{font:700 32px/1.2 var(--font-body);color:var(--ink)}
.frontal-home .stat .k{font-size:12px;color:var(--muted)}
.frontal-home .product-preview{max-width:1040px;margin:32px auto 0;border-radius:16px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 20px 48px rgba(13,13,26,.07)}
.frontal-home .product-preview img{display:block;width:100%;height:auto}
.frontal-home .product-preview figcaption{font-size:12px;padding:16px 20px;color:var(--muted)}
.frontal-home .price{font-size:36px;font-weight:700;line-height:1.2}
.frontal-home .price small{font-size:14px;font-weight:400}
.frontal-home #faq .wrap{max-width:900px}
.frontal-home #workspace ul{max-width:760px;margin:24px auto}
body:has(.frontal-home) .site-footer{background:#fff;color:#090e1a;border-top:1px solid rgba(13,13,26,.16)}
body:has(.frontal-home) .site-footer .wrap{width:min(1200px,calc(100% - 48px));margin:auto}
body:has(.frontal-home) .site-footer a{color:#090e1a}
@media(max-width:1000px){.frontal-home .product-intro-grid{gap:32px}.frontal-home .product-intro-copy h1{font-size:48px}.frontal-home .product-intro-copy .url-form{flex-direction:column}.frontal-home .cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.frontal-home .section{padding:56px 0}.frontal-home .product-intro{padding:48px 0 28px}.frontal-home .product-intro-grid{grid-template-columns:1fr;gap:36px}.frontal-home .product-intro-copy h1{font-size:38px;line-height:1.12}.frontal-home .product-intro-copy .lede{font-size:16px}.frontal-home .cols-3,.frontal-home .cols-2{grid-template-columns:1fr}.frontal-home .cols-4{grid-template-columns:1fr 1fr}.frontal-home .intro-proof{margin-top:48px}.frontal-home .intro-proof .grid{gap:24px}body:has(.frontal-home) .site-footer .wrap{width:calc(100% - 40px)}}
