:root{--paper:#fcfcfd;--white:#fff;--ink:#1c2024;--muted:#60646c;--accent:#275ee8;--accent-wash:#eef2fa;--consume:#915419;--line:#dfe3e8;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:96px;--shadow:0 24px 55px #16233d1a,0 2px 8px #16233d0d;--body:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--heading:var(--body);--display:var(--body)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:35px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.58}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img{max-width:100%}
figure{margin:0}
.wrap{width:calc(100% - 96px);max-width:1100px;margin-inline:auto}
.nav{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:7px;font:650 25px/1 var(--heading);letter-spacing:-.8px}
.brand:hover{text-decoration:none}
.byline{font:12px var(--body);color:var(--muted);letter-spacing:0;margin-left:6px}
.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}
.language{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:2px}
.language button{border:0;background:transparent;color:var(--muted);padding:5px 8px;font-size:11px;min-height:29px;border-radius:4px}
.language button[aria-pressed=true]{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:54px 0 52px}
.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;text-transform:uppercase}
.hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.2px;margin:0 0 24px}
.status-dot,.tiny-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}
h1,h2,h3,p{margin-top:0}
h1{font:600 clamp(46px,5.5vw,72px)/1.08 var(--heading);letter-spacing:-3.5px;margin-bottom:25px}
h1 em,h2 em{font-family:var(--display);font-style:normal;font-weight:600;color:var(--accent);letter-spacing:inherit}
h2{font:600 clamp(30px,3.5vw,43px)/1.16 var(--heading);letter-spacing:-1.8px;margin-bottom:25px}
h3{font:600 18px/1.4 var(--heading);letter-spacing:-.5px;margin-bottom:8px}
.hero-intro{font-size:19px;line-height:1.65;max-width:455px;margin-bottom:17px}
.lede{font-size:16px;color:var(--muted);line-height:1.7;max-width:465px}
.actions{display:flex;align-items:center;gap:23px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;border-radius:7px;padding:13px 19px;font-size:13px;font-weight:700;line-height:1.5;min-height:48px;transition:background .16s ease,transform .16s ease}
.button:hover{text-decoration:none}
.button:active:not(:disabled){transform:translateY(1px)}
.primary{background:var(--accent);color:#fff}
.primary:hover{background:#204dc2}
.quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a5abb5}
.micro{font-size:10px;color:var(--muted);margin:13px 0 0}
.hero-note{display:flex;gap:10px;align-items:center;margin-top:36px;color:var(--muted);font:400 14px/1.5 var(--body)}
.hero-note>span:first-child{font-style:normal;font-size:27px;transform:rotate(10deg);color:var(--accent)}
.hero-product{position:relative;max-width:420px;background:var(--accent-wash);border:1px solid #e0e6f0;border-radius:16px;padding:23px 36px 17px}
.screenshot-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:1.5px;font-weight:700;margin-bottom:18px;color:#526079}
.native-capture{display:block;cursor:zoom-in;overflow:hidden;line-height:0;border-radius:11px;box-shadow:var(--shadow);border:1px solid #dde1e8;background:#fff}
.native-capture img{width:100%;height:auto;display:block;}
figcaption{font-size:9px;line-height:1.5;color:var(--muted);text-align:center;margin:17px -15px 0}
.spec-line{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--muted)}
.spec-line>span:nth-child(even){color:#a5abb5}
.how{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:82px 0 45px}
.section-heading .eyebrow{margin-bottom:22px}
.standfirst{font-size:20px;line-height:1.6;margin-bottom:25px}
.category-lines article{display:flex;align-items:flex-start;gap:24px;border-top:1px solid var(--line);padding:20px 0}
.category-lines article:last-child{padding-bottom:0}
.category-lines h3{font-size:16px;margin-bottom:3px}
.category-lines p{font-size:13px;color:var(--muted);margin:0}
.direction{font-size:28px;line-height:1.3;min-width:25px}
.creating{color:#146654}
.consuming{color:var(--consume)}
.muted{color:var(--muted)}
.rules{display:flex;align-items:center;gap:38px;background:#f4f5f7;border:1px solid #e6e8eb;border-radius:11px;padding:27px 33px;margin-bottom:86px}
.app-icons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.app-icons img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:11px;padding:7px;box-shadow:0 2px 4px #00000008}
.app-icons img:nth-child(1){transform:rotate(-8deg)}
.app-icons img:nth-child(3){transform:rotate(8deg)}
.rules h3{font-size:16px}
.rules p{font-size:13px;color:var(--muted);margin:0}
.analytics{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;padding-bottom:90px}
.analytics-stage{padding:28px 50px;background:#f0f2f5;border:1px solid #e3e6eb;border-radius:14px}
.analytics .eyebrow{margin-bottom:23px}
.plain-list{list-style:none;padding:0;font-size:13px;color:var(--muted);margin:23px 0 0}
.plain-list li{position:relative;padding:10px 0 10px 22px;border-top:1px solid var(--line)}
.plain-list li:before{content:'↗';position:absolute;left:0;color:var(--accent)}
.details-band{background:#1c2024;color:#fcfcfd;padding:45px 0;border-block:1px solid #1c2024}
.details-band .eyebrow{color:#a9bfff}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.details-grid h3{font-size:23px;line-height:1.3}
.details-grid p:not(.eyebrow){font-size:13px;color:#c6cbd3;max-width:455px;margin-bottom:15px}
.pricing{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:90px 0}
.license-small{font-size:12px;margin-top:30px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a5abb5}
.price-panel{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:28px 30px}
.price-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.price-name{font:600 24px/1.4 var(--heading);letter-spacing:-.8px}
.price{font:500 58px/1 var(--heading);letter-spacing:-3px}
.price span{font:11px var(--body);letter-spacing:0;color:var(--muted);margin-left:1px}
.price-description{font-size:12px;margin:13px 0 18px;color:var(--muted)}
.price-panel ul{list-style:none;padding:17px 0;border-block:1px solid var(--line);margin:0 0 21px;font-size:11px}
.price-panel li{margin:7px 0;padding-left:21px;position:relative}
.price-panel li:before{content:'✓';color:var(--accent);position:absolute;left:0}
.full{width:100%;margin-bottom:8px}
.form-status{font-size:11px;text-align:center;color:var(--muted);line-height:1.6;margin:10px 0}
.price-panel .micro{text-align:center}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding:50px 0 75px}
.faq h2{font-size:29px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.6;padding:16px 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary>span+span{color:var(--accent);font-size:19px;line-height:1.2}
.faq details[open] summary>span+span{transform:rotate(45deg)}
.faq details p{font-size:13px;color:var(--muted);margin:0 23px 18px 0}
.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:27px 0 35px}
.footer .brand{font-size:18px}
.footer>div{display:flex;gap:25px;font-size:11px}
.footer-note{font-size:10px;color:var(--muted)}
.skip{position:absolute;top:-80px;left:12px;z-index:10;background:#fff;padding:10px}
.skip:focus{top:10px}
.document{max-width:700px;margin-block:65px 90px;min-height:calc(100vh - 330px)}
.document h1{font-size:50px;letter-spacing:-2px;line-height:1.1}
.document h2{font-size:25px;margin:40px 0 15px;letter-spacing:-.7px}
.document p{font-size:15px;color:var(--muted)}
.document a:not(.button){text-decoration:underline;text-underline-offset:4px}
.document form{display:grid;gap:12px;max-width:470px;margin:30px 0}
.document label{font-size:13px}
.document input{padding:13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);width:100%}
.license-result{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;font-size:14px}
.hidden{display:none!important}
@media(min-width:1450px){.hero{padding-block:68px}
.hero-product{padding-inline:42px}
.hero-copy h1{font-size:76px}
}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}
.hero{gap:38px;grid-template-columns:1.2fr 1fr}
.hero-product{padding-inline:23px}
.hero .eyebrow{font-size:8px;letter-spacing:.6px}
.hero-intro{font-size:17px}
.actions{gap:17px;align-items:flex-start;flex-direction:column}
.hero-note{margin-top:22px}
.how,.analytics,.pricing,.details-grid,.faq{gap:50px}
.analytics-stage{padding:24px 30px}
.price-panel{padding:24px}
.rules{gap:25px}
.footer-note{width:100%}
}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}
.nav{height:80px}
.nav nav{gap:17px;font-size:11px}
.nav .brand{font-size:20px}
.nav .brand .byline,.nav-feature{display:none}
.language button{padding:4px 7px;min-height:29px}
.hero{grid-template-columns:1fr;gap:37px;padding:38px 0}
.hero .eyebrow{font-size:8px;letter-spacing:.6px}
h1{font-size:clamp(42px,10.4vw,64px);letter-spacing:-2.3px;margin-bottom:21px}
h1 em{letter-spacing:inherit}
.hero-intro{font-size:18px;max-width:500px}
.lede{font-size:15px;max-width:500px}
.hero-copy{max-width:500px;margin-inline:auto}
.actions{flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}
.button{font-size:12px;padding:12px 17px}
.hero-note{margin-top:20px;font-size:15px}
.hero-product{width:100%;max-width:395px;margin:auto;padding:22px 37px 18px}
.spec-line{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px 20px;padding:18px 0}
.spec-line>span:nth-child(even){display:none}
.how{display:block;padding:50px 0 30px}
.section-heading h2{font-size:37px}
.standfirst{font-size:18px;margin:30px 0 25px}
.category-lines article{gap:20px}
.rules{padding:24px;display:block;margin-bottom:50px}
.app-icons{margin-bottom:21px}
.rules h3{font-size:17px}
.analytics{grid-template-columns:1fr;gap:28px;padding-bottom:50px}
.analytics>div{grid-row:1}
.analytics h2{font-size:35px}
.analytics figure{max-width:395px;width:100%;margin:auto}
.analytics-stage{padding:24px 40px}
.details-band{padding:35px 0}
.details-grid{grid-template-columns:1fr;gap:30px}
.details-grid article+article{border-top:1px solid #434953;padding-top:26px}
.pricing{grid-template-columns:1fr;gap:26px;padding:52px 0}
.pricing h2{font-size:34px}
.price-panel{padding:25px;max-width:450px;width:100%;margin:auto}
.price-panel ul{font-size:12px}
.faq{display:block;padding:35px 0 50px}
.faq h2{font-size:28px}
.faq summary{font-size:13px}
.footer{gap:20px;padding:24px 0 32px}
.footer>div{gap:20px;font-size:10px}
.footer-note{font-size:10px}
.document{margin-block:40px 65px}
.document h1{font-size:39px}
.document p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}