*{box-sizing:border-box}body{margin:0;background:#fafbf8;color:#182b27;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #e2e7df;background:#fff}nav{max-width:1160px;margin:auto;min-height:88px;display:flex;align-items:center;gap:32px;padding:20px 24px}.brand{font-weight:900;letter-spacing:-1.5px;font-size:29px;display:flex;align-items:center;gap:10px}.mark{background:#d4ed63;padding:5px 10px;border-radius:10px;font-size:27px}nav .links{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:600}main{max-width:1120px;margin:auto;padding:0 24px}.hero{text-align:center;padding:67px 0 38px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#526a59;display:inline-block;padding:9px 13px;border:1px solid #d6dfce;border-radius:30px}.hero h1{font-size:60px;line-height:1.08;letter-spacing:-3px;max-width:900px;margin:25px auto 13px}.hero h1 span{color:#74884a}.hero p{color:#69736c;font-size:16px;line-height:1.7;max-width:580px;margin:0 auto}.download-box{background:white;border:1px solid #e0e5d9;border-radius:20px;padding:25px;max-width:820px;margin:30px auto 0;box-shadow:0 16px 45px #263c2710;text-align:left}.tabs{display:flex;gap:24px;border-bottom:1px solid #edf0e7;padding-bottom:17px;font-size:13px}.tabs strong{color:#465e26}.form{display:flex;gap:10px;margin-top:20px}.input-wrap{display:flex;align-items:center;border:1px solid #dfe4d8;border-radius:10px;flex:1;padding-left:15px;min-width:0}input{border:0;padding:17px 10px;width:100%;min-width:0;font-size:14px;background:transparent;outline-offset:-3px}button{border:0;border-radius:9px;padding:16px 22px;font-weight:700;cursor:pointer;background:#d4ed63;color:#223315;font-size:14px}.paste{background:transparent;color:#64724d;padding:10px}.fine{font-size:11px!important;color:#828b7f!important;margin-top:13px!important;text-align:left}.error{background:#fff2e9;color:#833817;border:1px solid #eec8ae;padding:17px;border-radius:10px;line-height:1.5;margin-top:16px}.error:empty{display:none}.badges{display:flex;justify-content:center;gap:27px;color:#687461;font-size:12px;margin:22px 0 0}.section{padding:36px 0}.section-heading{display:flex;justify-content:space-between;align-items:center}.section h2{font-size:27px;letter-spacing:-.7px;margin:0 0 20px}.section-heading small{color:#75826c}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:white;border:1px solid #e1e6db;border-radius:14px;padding:23px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#a7bc78}.icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;background:#eaf0ff;color:#2864c8;font-weight:bold;font-size:24px}.pink{background:#fbe9f3;color:#c44c8c}.card h3{font-size:16px;line-height:1.5;margin:16px 0 8px}.card p{font-size:12px;line-height:1.7;color:#78816f}.arrow{font-size:19px}.steps{background:#eef2e7;border-radius:19px;padding:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.step b{font-size:12px;color:#7d8b62}.step h3{font-size:17px}.step p{font-size:13px;line-height:1.7;color:#6c7562}.faq{max-width:780px;margin:auto}details{border-bottom:1px solid #e0e5d9;padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p,.article p{color:#657260;font-size:14px;line-height:1.9}.article{max-width:800px;padding:55px 0 70px}.article h1{font-size:42px}footer{border-top:1px solid #e0e5d9;margin-top:40px;padding:32px 24px;color:#73806c;font-size:12px}.footer-inner{max-width:1072px;margin:auto;display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.copyright{max-width:1072px;margin:22px auto 0;font-size:11px;color:#8b9585}@media(max-width:850px){nav .links{gap:12px;flex-wrap:wrap;font-size:11px}.hero h1{font-size:44px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){nav{flex-wrap:wrap;gap:15px}.links{width:100%;margin:0!important}.hero{padding-top:35px}.hero h1{font-size:37px;letter-spacing:-1.6px}.form{flex-wrap:wrap}.form>button{width:100%}.download-box{padding:18px}.grid{gap:10px}.card{padding:18px}.steps{grid-template-columns:1fr;gap:8px}.badges{gap:12px;font-size:10px}.footer-inner{flex-direction:column}.section-heading small{display:none}}
/* FBGT reference-inspired design */
body{background:#f5f6fa;color:#293333;font-family:Arial,sans-serif}header{background:#11141d;border:0;color:white}nav{min-height:76px;max-width:1200px}.brand{letter-spacing:-1px;gap:0;color:white}.brand-yellow{color:#fff12c}.brand-domain{font-size:19px}.menu-toggle{display:none;background:transparent;color:white;font-size:27px;padding:2px 8px}.links a:hover{color:#fff12c}main{max-width:none;padding:0}.hero{background:linear-gradient(160deg,#0085c9,#04c2c0);padding:0 24px 38px;color:white}.breadcrumb{max-width:1120px;margin:auto;text-align:left;padding:12px 0;font-size:13px;color:#e2f7ff}.breadcrumb span{margin:0 7px}.hero-brand{font-size:54px;font-weight:800;letter-spacing:-2px;padding:10px 0 15px}.hero-brand>span:first-child{color:#fff12c}.hero-domain{font-size:.7em}.hero h1{font-size:32px;letter-spacing:-.7px;line-height:1.3;margin:4px auto 8px;max-width:1000px}.hero p{color:#dcf8ff;font-size:18px;max-width:800px}.download-box{max-width:950px;border-radius:12px;padding:8px;margin-top:27px;box-shadow:0 4px 8px #003d4f35}.form{margin:0;gap:8px}.input-wrap{border:0;padding-left:12px;color:#aeb5bb}input{font-size:22px;padding:19px 8px;color:#26303a}input::placeholder{color:#9ba2ab}button[type=submit]{background:#00c443;color:white;font-size:24px;border-radius:7px;padding:16px 25px;white-space:nowrap}.fine{font-size:11px!important;text-align:center;margin:7px 0 2px!important;color:#66747b!important}.section{max-width:1000px;margin:auto;padding:37px 24px}.section h2,.features h2{text-align:center;font-size:29px;line-height:1.4;letter-spacing:-.5px;margin:0 0 26px}.section-heading{display:block}.grid{grid-template-columns:1fr 1fr;gap:20px}.card{display:flex;align-items:center;gap:18px;border:0;border-radius:17px;box-shadow:0 5px 15px #2731420c;padding:25px}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #27314218}.card-copy{flex:1}.card h3{margin:0 0 5px;font-size:18px}.card p{font-size:13px;margin:0;color:#66706f}.icon{width:49px;height:49px;flex-shrink:0;font-size:34px;border-radius:10px;background:#e9f7ff}.pink{background:#fff0f8;color:#ce3887}.arrow{color:#18b65e;font-size:25px}.features{background:linear-gradient(135deg,#c8fae8,#bde8f4);padding:42px 24px}.section-intro{text-align:center;color:#4d6566;margin:-14px 0 28px;line-height:1.7}.feature-grid{max-width:952px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{display:flex;gap:18px;align-items:flex-start;background:white;border-radius:13px;padding:25px;box-shadow:0 4px 7px #233e3412}.check{flex-shrink:0;display:grid;place-items:center;background:#00c550;color:white;width:38px;height:38px;border-radius:50%;font-size:24px}.feature h3{font-size:19px;margin:2px 0 10px}.feature p{line-height:1.7;color:#47616c;font-size:15px;margin:0}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 3px 5px #172f231f}.guide-title{background:linear-gradient(#b2dfed,#b4eee9);border-radius:0 0 55px 55px;text-align:center;margin:0 25px;padding:22px 12px;font-size:20px;line-height:1.5}.guide-step{padding:24px}.illustration{background:#e2f4fc;border-radius:22px;padding:25px;margin-bottom:27px;min-height:190px;display:flex;flex-direction:column;justify-content:center}.mock-player{border:6px solid white;background:#b7e7fa;border-radius:15px 15px 0 0;text-align:center;padding-top:30px}.play{display:inline-grid;place-items:center;background:white;border-radius:50%;width:45px;height:45px;color:#b7e7fa;font-size:24px;margin:5px 0 25px}.mock-controls{background:white;display:flex;align-items:center;justify-content:space-around;font-size:11px;padding:8px 0}.mock-controls strong{border:3px solid #00bc4c;border-radius:20px;padding:8px;color:#189b50}.mock-share{border:4px solid #00be4d;background:white;border-radius:12px;padding:14px}.share-icons{display:flex;gap:18px;margin:20px 0}.share-icons span{border-radius:50%;background:#d5edf8;padding:12px}.copy-row{display:block;background:#f0f2f3;padding:12px;font-size:14px}.mock-input{border:4px solid #00c34e;border-radius:9px;background:white;padding:10px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.mock-input b,.mock-result strong{background:#00c34e;color:white;border-radius:4px;padding:8px}.mock-result{background:white;padding:18px 10px;display:flex;align-items:center;justify-content:space-between;margin-top:14px;border-radius:10px;font-size:12px}.mock-result>span{background:#e9e9e9;padding:18px;color:white;font-size:24px}.step-number{display:inline-block;background:#ff8900;color:white;padding:7px 9px;border-radius:7px;font-size:19px;font-weight:bold}.guide-step h4{font-size:18px;margin:17px 0 8px}.guide-step p{font-size:15px;color:#778080;line-height:1.8;margin:0}.faq details{background:white;padding:20px;border:0;border-radius:10px;margin-bottom:12px}.article{margin:auto;padding:45px 24px}.article .eyebrow{color:#006e81}footer{background:#11141d;color:#bec6d1;margin-top:25px;border:0}.footer-links a:hover{color:white}.error{font-size:16px}.copyright{color:#9ca8b4}
@media(max-width:800px){nav{min-height:65px;position:relative;justify-content:space-between;flex-wrap:wrap;padding:17px 20px}.menu-toggle{display:block}.links{display:none!important;flex-direction:column;width:100%;margin:0!important;font-size:15px!important;padding:15px 0;gap:19px!important}.links.open{display:flex!important}.hero-brand{font-size:45px}.hero h1{font-size:25px}.hero p{font-size:17px}.hero{padding:0 12px 27px}.hero .breadcrumb{font-size:12px}.grid,.feature-grid,.guide-columns{grid-template-columns:1fr}.section{padding:28px 22px}.section h2,.features h2{font-size:25px}.card{min-height:100px;padding:20px;gap:16px}.card h3{font-size:18px}.card p{font-size:13px}.form{flex-wrap:nowrap}.form>button{width:auto}.download-box{padding:6px}.input-wrap{padding-left:5px}input{font-size:17px;padding:16px 3px}button[type=submit]{font-size:18px;padding:15px 12px}.features{padding:30px 22px}.feature{padding:23px 20px}.guide{padding:30px 12px}.guide-card{border-radius:16px}.guide-title{font-size:20px}.illustration{min-height:220px}.guide-step{padding:25px}.mock-controls{font-size:13px}.mock-input{font-size:15px}.mock-result{font-size:14px}.hero .fine{font-size:10px!important}.footer-inner{flex-direction:column}.footer-links{gap:18px}.brand-domain{font-size:18px}}
@media(max-width:370px){button[type=submit]{font-size:16px;padding:15px 8px}input{font-size:15px}.hero-brand{font-size:39px}}

/* Spacious link entry */
.download-box{padding:18px;border:1px solid #e1eef0;border-radius:16px;box-shadow:0 8px 26px #00516a26}
.input-label{display:block;color:#405660;font-size:13px;font-weight:700;margin:0 0 9px 2px}
.form{gap:12px;align-items:stretch}.input-wrap{background:#f6f9fb;border:1px solid #cedde3;border-radius:10px;padding:0 10px 0 14px;transition:border-color .15s,box-shadow .15s;flex:1;min-height:58px}
.input-wrap:focus-within{border-color:#008dba;box-shadow:0 0 0 3px #008dba22;background:white}.link-symbol{display:flex;color:#537986;flex-shrink:0}
.input-wrap input{min-width:0;color:#253e49;font-size:17px;padding:17px 12px;outline:none}.input-wrap input::placeholder{color:#70838c;opacity:1}
.input-wrap .paste{background:#e5f2f7;color:#12647e;border:1px solid #c5e2ec;border-radius:7px;padding:10px 13px;font-size:13px;flex-shrink:0}.input-wrap .paste:hover{background:#d5eaf2}
.form button[type=submit]{font-size:20px;border-radius:10px;padding:16px 25px}.paste:focus-visible,button[type=submit]:focus-visible{outline:3px solid #184e6b;outline-offset:3px}
@media(max-width:600px){.download-box{padding:14px;margin-top:24px}.form{flex-direction:column;gap:11px}.form .input-wrap{width:100%;min-height:58px;padding-left:12px}.input-wrap input{font-size:16px;padding:17px 9px}.form>button[type=submit]{width:100%;padding:15px;font-size:19px}.input-wrap .paste{padding:9px 11px;font-size:12px}.input-label{font-size:12px;margin-bottom:8px}}

.hero>.download-box{margin-top:18px;margin-bottom:22px}.hero>.download-box+p{margin-top:0}

.page-notes{max-width:900px}.page-notes h3{font-size:20px;line-height:1.45;margin:28px 0 10px}.page-notes p{font-size:16px;line-height:1.85;color:#50626b;margin:0 0 18px}