/* WRKDOCS developer acquisition pages: mobile-first, no external scripts or trackers */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;color:#16283b;background:#f6f9fd;--ink:#16283b;--blue:#2568e8;--teal:#0f8d83;--muted:#52677d;--line:#d9e5ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fd;color:var(--ink)}a{color:#165dbb}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6db1ff;outline-offset:3px}
.wrap{width:min(1160px,calc(100% - 36px));margin-inline:auto}header{background:#fff;border-bottom:1px solid #e4ecf3}header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:14px}.brand{font-size:29px;font-weight:900;letter-spacing:-2px;color:#122c3e;text-decoration:none}.brand span{color:#0d9c91}.brand b{color:#f17a8b}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{font-size:13px;font-weight:700;color:#3d5771;text-decoration:none}nav a.cta{color:#fff;background:#136b9a;padding:11px 16px;border-radius:10px}nav a:hover{text-decoration:underline}
.hero{padding:68px 0 60px;background:radial-gradient(circle at 80% 15%,rgba(62,213,183,.22),transparent 38%),linear-gradient(115deg,#102a46,#173b59);color:#fff}.hero.compact{padding:49px 0}.kicker{font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:#82edcd;margin:0 0 13px}.hero h1{max-width:800px;font-size:clamp(31px,4.65vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}.hero p{color:#cfe5f1;line-height:1.65;font-size:17px;max-width:770px}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin:24px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#31d2b1;color:#092c3d;text-decoration:none;border-radius:12px;padding:14px 20px;font-weight:850;border:1px solid transparent}.button.secondary{background:transparent;color:#fff;border-color:#8095a6}.button:hover{filter:brightness(.96)}.facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.facts span{display:inline-flex;border:1px solid #47738b;background:#123c54;border-radius:28px;padding:8px 13px;color:#cff6e9;font-size:12px}
main section.content{padding:50px 0}.section-head{font-size:clamp(23px,3vw,32px);margin:0 0 8px;letter-spacing:-.025em}.subtitle{margin:0 0 24px;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card,.surface{background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(14,45,77,.045);border-radius:18px;padding:23px}.card .icon{font-size:25px;margin-bottom:11px}.card h3{font-size:17px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-num{display:inline-grid;place-items:center;border-radius:10px;background:#e8f3ff;color:#1f63b1;font-weight:900;width:33px;height:33px;margin-bottom:8px}.step{border:1px solid var(--line);background:#fff;padding:21px;border-radius:16px}.step b{display:block;margin:0 0 7px}.step p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}
.faq details{padding:16px 18px;border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:9px}.faq summary{cursor:pointer;font-weight:750}.faq p{font-size:14px;color:var(--muted);line-height:1.6}
.mid-cta{padding:32px;background:linear-gradient(100deg,#e6f8f3,#ecf2ff);border:1px solid #c9e7e3;border-radius:20px;display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}.mid-cta h2{margin:0 0 6px}.mid-cta p{margin:0;color:var(--muted);max-width:650px}.mid-cta .button{background:#126f86;color:#fff}
.form-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:19px;align-items:start;padding:30px 0 56px}.form-card{background:#fff;border:1px solid var(--line);padding:clamp(18px,4vw,30px);border-radius:20px;box-shadow:0 12px 35px rgba(12,50,83,.06)}.form-card label{display:block;margin:15px 0 7px;font-size:13px;font-weight:750}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;padding:13px;border:1px solid #becddb;border-radius:10px;background:#fff;color:#172e41;font-size:15px}.form-card textarea{min-height:120px;resize:vertical}.form-card .button{width:100%;font-size:15px;background:#0f8d83;border:0;color:#fff;margin-top:22px}.hint{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.5}.form-side{display:grid;gap:14px}.notice{color:#476074;background:#eaf3fd;border-left:4px solid #3989ca;padding:13px;border-radius:9px;font-size:13px;line-height:1.55}.success{color:#165d40;background:#e7f6ed;padding:12px;border-radius:9px}.err{color:#8f2a25;background:#ffecea;padding:12px;border-radius:9px}.hidden-hp{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.no-mb{margin-bottom:0}.small{font-size:13px;color:var(--muted);line-height:1.55}.share-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.share-row input{flex:1;min-width:200px;padding:11px;border:1px solid var(--line);border-radius:9px}.share-row button{background:#183f59;color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.badge-preview{display:flex;align-items:center;justify-content:flex-start;min-height:60px}.badge-preview img{width:176px;height:36px}footer{border-top:1px solid #d7e5ee;background:#fff;margin-top:10px;padding:24px 0;color:var(--muted);font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}footer a{margin-left:12px;color:#31536e}
@media(max-width:780px){.cards,.steps,.form-layout{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr}.hero{padding:46px 0}.hero p{font-size:15px}nav{gap:10px}nav a{font-size:12px}}
@media(max-width:560px){.cards,.steps{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1160px)}header .wrap{align-items:flex-start;padding:15px 0;flex-direction:column}header .brand{font-size:26px}.hero h1{font-size:34px}.hero p{font-size:15px}.mid-cta{padding:22px}.button{width:100%}.buttons{gap:10px}.hero.compact{padding:38px 0}}


/* Developer acquisition premium refinement */
.hero{background:radial-gradient(ellipse 800px 460px at 90% 10%,#256477a6 0,transparent 70%),linear-gradient(125deg,#0c293f,#18384f);position:relative}
.hero h1{letter-spacing:-.058em;text-wrap:balance}
.hero .button{box-shadow:0 13px 24px #011b2730}
.hero .button.secondary{box-shadow:none}
.card,.step,.surface,.form-card{border-radius:20px;box-shadow:0 15px 40px #143b5a11;border-color:#dbe7ee}
.card{transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #163b5e1a}
.section-head{letter-spacing:-.04em}
.form-card input,.form-card textarea,.form-card select{border-radius:11px;border-color:#bfd3de}
.form-card input:focus-visible,.form-card select:focus-visible,.form-card textarea:focus-visible{outline:2px solid #50b8a9;outline-offset:1px}
.form-card .button{background:linear-gradient(115deg,#0a796f,#19a58a)}
.mid-cta{box-shadow:0 17px 38px #183e650e}
@media(max-width:650px){.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}