@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#20283b;--muted:#73798a;--cream:#f7f4ee;--card:#fffdf9;--line:#dedbd4;--coral:#f46b50;--navy:#20283b;--yellow:#ffe36f;--green:#3e8068}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input{font:inherit}

.site-header{height:82px;border-bottom:1px solid #dfddd7;background:rgba(250,248,243,.98);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1}
.brand strong{font-weight:700;letter-spacing:-.7px}
.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--coral);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:grid;place-items:center;color:#fff;font-size:25px;position:relative;flex:0 0 auto}
.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd73f;right:-3px;top:-7px}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px}.desktop-nav>a:not(.nav-cta){color:#596071}.nav-cta{background:var(--ink)!important;color:#fff!important;padding:13px 18px;border-radius:24px;font-weight:700}.theme{border:1px solid var(--line);background:none;border-radius:50%;width:34px;height:34px;color:var(--ink)}
.hamb{display:none;border:0;background:none;font-size:30px;color:var(--ink);padding:4px}.mobile-menu{display:none}

.hero{background-color:var(--cream);background-image:linear-gradient(#0000000d 1px,transparent 1px),linear-gradient(90deg,#0000000d 1px,transparent 1px);background-size:34px 34px}
.hero-inner{max-width:1180px;margin:auto;padding:76px 34px 70px}
.eyebrow,.hero label,.start label,.rule label,.good label,.directory-label{font-family:'DM Mono',monospace;letter-spacing:3px;font-size:11px}
.eyebrow{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:9px 14px;color:#62697a}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#42a77e}
.hero h1{font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-5px;margin:58px 0 30px;font-weight:700}.hero h1>span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--coral)}.hero h1 em span{display:block}
.lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.62;margin:0 0 27px;font-weight:400}
.trust{display:flex;gap:24px;flex-wrap:wrap;color:#697082;font-size:12px;margin-bottom:34px}.trust span:first-letter{color:var(--coral)}

.grab-card{background:rgba(255,253,249,.96);border:1px solid #d9d6d0;border-radius:20px;padding:22px 24px;box-shadow:0 14px 40px #20283b10;position:relative}.grab-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.grab-head b{font-size:14px;line-height:1.35}.grab-head small{font:11px 'DM Mono';letter-spacing:2px;color:#7d8190;white-space:nowrap}.url-field{height:58px;border:1px solid #d9d5ce;border-radius:17px;display:flex;align-items:center;background:#fbfaf7;overflow:hidden}.link-icon{padding-left:16px;color:#6f7584;flex:0 0 auto}.url-field input{width:100%;height:100%;border:0;outline:0;background:transparent;min-width:0;padding:0 12px;color:var(--ink)}.action-row{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-top:10px}.paste,.download{height:52px;border-radius:15px;border:1px solid #d9d5ce;background:#fffdf9;padding:0 18px;font-weight:700}.download{background:var(--coral);color:#fff;border-color:var(--coral);opacity:.38;transition:opacity .2s,transform .2s}.download.active{opacity:1;cursor:pointer}.download.active:active{transform:translateY(1px)}.download.loading,.download.done{opacity:1}.download.done{background:#3d896c;border-color:#3d896c}.legal{font-size:11px;color:#858a96;line-height:1.7;margin:12px 2px 0}.detected{color:var(--green);font-weight:700;font-size:13px;margin-top:10px;min-height:0}.detected:empty{display:none}
.result-wrap{margin-top:18px}.result-card{background:var(--card);border:1px solid #d8d4cc;border-radius:20px;padding:28px;overflow:hidden}.result-card .thumb{width:100%;max-height:430px;object-fit:cover;border-radius:16px;display:block;margin-bottom:24px}.result-meta{font:11px 'DM Mono';letter-spacing:2px;color:var(--coral)}.result-card h2{margin:12px 0 5px;font-size:25px}.result-card .by{color:var(--muted);margin:0 0 25px}.choose{font:11px 'DM Mono';letter-spacing:2px;color:#7a7f8c}.formats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.format{border:1px solid #ddd8d0;background:#fffdf9;border-radius:14px;padding:15px;text-align:left;cursor:pointer}.format.selected{border:2px solid #f49b89;background:#fff8f5}.format b{display:block}.format small{font:10px 'DM Mono';color:#8b909b}.save{width:100%;height:54px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-weight:800;margin-top:18px}.save.loading,.save.done{opacity:1}.save.done{background:#3d896c}.save:disabled{opacity:1}.different{text-align:center;color:var(--muted);margin:20px 0 0}.spinner{display:inline-block;width:18px;height:18px;border:3px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-4px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}

.start{max-width:1180px;margin:auto;padding:78px 34px;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.start label,.good label{color:var(--coral)}.start h2,.good h2,.rule h2{font-size:46px;line-height:1.1;letter-spacing:-2px;margin:24px 0 0;font-weight:600}.start p,.good p,.rule p{color:var(--muted);line-height:1.75;font-weight:400}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{border:1px solid #d8d4cc;border-radius:25px;padding:10px 16px;display:inline-flex;align-items:center;gap:9px;background:#fffdf9;cursor:pointer;font-weight:600}.pill img{width:19px;height:19px;object-fit:contain}

.rule{background:var(--navy);color:#fff;padding:78px 34px}.rule-inner{max-width:1180px;margin:auto}.rule>label{color:#ffd84e}.rule h2{margin:22px 0 52px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.rule-grid article{border-top:1px solid #ffffff25;padding-top:20px}.rule-grid small{color:var(--coral);font:12px 'DM Mono'}.rule h3{font-size:20px;margin:25px 0 8px;font-weight:600}.rule p{color:#aeb4c0;margin:0}.good{padding:78px 34px;max-width:1180px;margin:auto}.good-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d8d4cc;padding-bottom:28px}.good-head a{color:var(--coral);font-weight:700}.good-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:42px}.good-grid span{color:var(--coral);font-size:28px}.good-grid h3{margin:25px 0 10px;font-weight:600}.good-grid p{margin:0}

footer{border-top:1px solid #dedbd4}.footer-top{max-width:1180px;margin:auto;padding:58px 34px;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:70px}.footer-top p{color:#777d8b;line-height:1.7}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:15px}.footer-top label{font:11px 'DM Mono';letter-spacing:3px;color:#777d8b;margin-bottom:8px}.operational{font:11px 'DM Mono';letter-spacing:2px;color:#4a9d78}.footer-bottom{border-top:1px solid #dedbd4;display:flex;justify-content:space-between;padding:18px 34px;font:11px 'DM Mono';color:#777d8b}.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1}

.platform-directory{background:var(--cream);padding:58px 34px 80px;min-height:70vh}.directory-inner{max-width:1180px;margin:auto}.back-link{color:var(--muted);font-size:14px}.directory-label{color:var(--coral);margin-top:50px}.directory-title{font-size:clamp(52px,7vw,90px);line-height:.92;letter-spacing:-4px;margin:20px 0 28px}.directory-title em{font-style:normal;color:var(--coral)}.directory-sub{max-width:620px;color:var(--muted);line-height:1.8}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px}.directory-card{background:#fffdf9;border:1px solid #dedbd4;border-radius:18px;padding:22px;min-height:190px;position:relative;overflow:hidden}.directory-card:after{content:"";position:absolute;width:110px;height:110px;border:12px solid #ffe36f;border-radius:50%;right:-42px;bottom:-50px}.directory-icon{width:54px;height:54px;border-radius:16px;background:var(--ink);display:grid;place-items:center;margin-bottom:28px;position:relative;z-index:1}.directory-icon img{width:28px;height:28px;object-fit:contain}.directory-card .tag{font:10px 'DM Mono';letter-spacing:2px;color:var(--coral)}.directory-card h3{font-size:24px;margin:9px 0}.directory-card p{color:var(--muted);margin:0 0 15px}.directory-card a{font-size:13px;font-weight:700}.platform-page{padding:70px 34px 90px;min-height:75vh;background:#edf6f3}.platform-inner{max-width:1180px;margin:auto}.platform-page .platform-hero-icon{width:88px;height:88px;border-radius:28px;background:var(--ink);display:grid;place-items:center;margin:60px 0 35px}.platform-page .platform-hero-icon img{width:48px;height:48px;object-fit:contain}.platform-page h1{font-size:clamp(55px,8vw,100px);line-height:.92;letter-spacing:-4px;margin:0 0 30px}.platform-page h1 em{font-style:normal;color:var(--coral)}.platform-page .platform-lead{max-width:700px;font-size:20px;line-height:1.8;color:var(--muted);margin-bottom:40px}.platform-page .mini-grab{max-width:760px}

@media(max-width:700px){
  .site-header{height:82px;padding:0 34px}.desktop-nav{display:none}.hamb{display:block}.brand{font-size:25px}.brand-mark{width:42px;height:42px}
  .hero-inner{padding:72px 34px 54px}.eyebrow{font-size:10px;padding:9px 14px}.hero h1{font-size:42px;line-height:.97;letter-spacing:-2.3px;margin:52px 0 28px;font-weight:700}.hero h1>span,.hero h1 em span{display:block;white-space:nowrap}.hero h1 em{display:block}.lead{font-size:16px;line-height:1.62;margin-bottom:25px}.trust{display:grid;grid-template-columns:max-content max-content;column-gap:34px;row-gap:11px;align-items:center;font-size:11px;margin-bottom:30px}.trust span{white-space:nowrap;line-height:1.35}.grab-card{padding:20px 28px 22px;border-radius:20px}.grab-head{align-items:flex-start;margin-bottom:15px}.grab-head b{font-size:14px;line-height:1.35;max-width:190px}.grab-head small{font-size:10px;line-height:1.5;white-space:normal;text-align:right;max-width:130px}.url-field{height:58px;border-radius:17px}.url-field input{font-size:16px}.action-row{grid-template-columns:1fr 1.15fr;gap:10px;margin-top:10px}.paste,.download{height:58px;border-radius:17px;padding:0 10px}.legal{font-size:11px;line-height:1.65;margin-top:12px}.detected{font-size:13px;margin-top:10px}.start{display:block;padding:76px 34px 72px}.start h2{font-size:40px;line-height:1.12;letter-spacing:-1.7px;margin:24px 0 43px;font-weight:600}.start p{font-size:16px;line-height:1.72}.pills{gap:10px 12px;margin-top:24px}.pill{padding:10px 15px;min-height:42px;font-size:14px;line-height:1;font-weight:600;white-space:nowrap}.pill img{width:19px;height:19px;flex:0 0 19px}.rule{padding:72px 34px}.rule h2{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin:22px 0 48px;font-weight:600}.rule-grid{display:block}.rule-grid article{padding:25px 0 34px}.rule-grid h3{font-size:20px;font-weight:600;line-height:1.25;margin:24px 0 10px}.rule-grid p{line-height:1.7}.good{padding:72px 34px 68px}.good-head{display:block;padding-bottom:28px}.good-head h2{font-size:40px;line-height:1.1;letter-spacing:-1.5px;font-weight:600;margin:24px 0 0}.good-head a{display:block;margin-top:28px}.good-grid{display:block;padding-top:30px}.good-grid article{padding:30px 0 34px;border-top:1px solid #dedbd4}.good-grid span{display:block;line-height:1;margin-bottom:0}.good-grid h3{font-size:20px;font-weight:600;line-height:1.3;margin:26px 0 12px}.good-grid p{font-size:16px;line-height:1.72;margin:0}.footer-top{display:block;padding:54px 34px 42px}.footer-top>div{margin-bottom:40px}.footer-top>div:last-child{margin-bottom:0}.footer-top p{font-size:16px;line-height:1.72}.footer-top>div:not(:first-child){gap:14px}.footer-top label{margin-bottom:8px}.footer-top a{font-weight:600}.footer-bottom{padding:18px 34px;gap:20px;flex-wrap:wrap;line-height:1.4}.formats{grid-template-columns:1fr}.result-card{padding:28px}.result-card .thumb{max-height:380px}.result-card h2{font-size:25px}.platform-directory{padding:36px 34px 70px}.directory-label{margin-top:43px}.directory-title{font-size:49px;letter-spacing:-2.5px}.directory-grid{display:block}.directory-card{margin-bottom:12px;min-height:175px}.platform-page{padding:46px 34px 70px}.platform-page .platform-hero-icon{margin:54px 0 28px}.platform-page h1{font-size:51px;letter-spacing:-2.5px}.platform-page .platform-lead{font-size:17px}.platform-page .mini-grab{max-width:none}.mobile-menu{position:absolute;top:82px;left:0;right:0;background:#faf8f3;border-bottom:1px solid #dedbd4;padding:14px 34px;box-shadow:0 12px 30px #20283b12}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid #dedbd455;font-weight:600}
}
@media(max-width:390px){.site-header{padding:0 20px}.hero-inner,.start,.rule,.good,.footer-top,.footer-bottom{padding-left:20px;padding-right:20px}.hero h1{font-size:36px;letter-spacing:-1.8px}.grab-card{padding:18px 20px}.brand{font-size:22px}.brand-mark{width:40px;height:40px}.action-row{grid-template-columns:1fr 1.15fr}}

/* ===== FINAL MOBILE TYPOGRAPHY / SPACING PASS ===== */
:root{
  --type-display:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --type-body:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{font-family:var(--type-body);font-weight:400}
.brand strong{font-weight:700}
.hero h1,.directory-title,.platform-page h1{font-family:var(--type-display);font-weight:700}
.lead,.start p,.good p,.rule p,.footer-top p{font-weight:400}
.start h2,.good h2,.rule h2{font-weight:600}
.rule h3,.good-grid h3{font-weight:600}

@media (max-width:700px){
  .site-header{height:72px;padding:0 22px}
  .brand{gap:10px;font-size:21px}
  .brand-mark{width:38px;height:38px;border-radius:11px;font-size:22px;box-shadow:4px 4px 0 var(--ink)}
  .hamb{font-size:27px;padding:2px}

  .hero-inner{padding:44px 22px 42px}
  .eyebrow{font-size:9px;letter-spacing:2.4px;padding:8px 11px}
  .hero h1{
    font-size:45px;
    line-height:.9;
    letter-spacing:-2.3px;
    margin:34px 0 22px;
    font-weight:700;
  }
  .hero h1>span,.hero h1 em span{display:block;white-space:nowrap}
  .hero h1 em{display:block}
  .lead{font-size:16px;line-height:1.5;max-width:360px;margin:0 0 21px}
  .trust{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin:0 0 24px;
    font-size:12px;
    line-height:1.35;
  }
  .trust span{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.trust span i{font-style:normal;color:var(--coral);font-size:17px;line-height:1}

  .grab-card{padding:18px 18px 19px;border-radius:18px}
  .grab-head{margin-bottom:12px;gap:8px}
  .grab-head b{font-size:14px;line-height:1.3;max-width:205px}
  .grab-head small{font-size:10px;letter-spacing:1.7px;line-height:1.35;max-width:115px}
  .url-field{height:53px;border-radius:14px}
  .link-icon{padding-left:13px}
  .url-field input{font-size:15px;padding:0 10px}
  .action-row{grid-template-columns:1fr 1.12fr;gap:8px;margin-top:8px}
  .paste,.download{height:50px;border-radius:14px;padding:0 9px;font-size:14px}
  .detected{font-size:11.5px;margin-top:8px;line-height:1.35}
  .legal{font-size:10px;line-height:1.55;margin:9px 1px 0}

  .start{padding:48px 22px 46px}
  .start label,.good label,.rule>label{font-size:9px;letter-spacing:2.4px}
  .start h2,.good-head h2,.rule h2{
    font-size:34px;
    line-height:1.08;
    letter-spacing:-1.35px;
    margin:17px 0 23px;
    font-weight:600;
  }
  .start p{font-size:14px;line-height:1.58;margin:0}
  .pills{
    margin-top:20px;
    display:flex;
    flex-wrap:wrap;
    gap:8px 7px;
    align-items:center;
  }
  .pill{
    min-height:36px;
    padding:8px 10px;
    gap:6px;
    border-radius:19px;
    font-size:11px;
    font-weight:600;
    line-height:1;
  }
  .pill img{width:16px;height:16px;flex:0 0 16px}

  .rule{padding:48px 22px 45px}
  .rule h2{margin-bottom:30px}
  .rule-grid{display:block}
  .rule-grid article{padding:19px 0 22px}
  .rule-grid article:first-child{padding-top:0;border-top:0}
  .rule-grid small{font-size:9px;letter-spacing:1.5px}
  .rule h3{font-size:17px;line-height:1.25;margin:13px 0 7px;font-weight:600}
  .rule p{font-size:14px;line-height:1.58}

  .good{padding:47px 22px 45px}
  .good-head{padding-bottom:21px}
  .good-head h2{margin-top:17px;margin-bottom:0}
  .good-head a{display:block;font-size:12px;margin-top:16px;font-weight:600}
  .good-grid{padding-top:0;display:block}
  .good-grid article{padding:22px 0 23px;border-top:1px solid #dedbd4}
  .good-grid article:first-child{border-top:0}
  .good-grid span{font-size:22px;line-height:1}
  .good-grid h3{font-size:17px;line-height:1.25;margin:13px 0 7px;font-weight:600}
  .good-grid p{font-size:14px;line-height:1.58}

  footer{border-top:1px solid #dedbd4}
  .footer-top{padding:36px 22px 30px;display:block}
  .footer-top>div{margin:0 0 27px}
  .footer-top>div:last-child{margin-bottom:0}
  .footer-top .brand{font-size:21px}
  .footer-top p{font-size:13px;line-height:1.58;margin:13px 0 13px;max-width:330px}
  .footer-top>div:not(:first-child){gap:10px}
  .footer-top label{font-size:9px;letter-spacing:2.4px;margin-bottom:5px}
  .footer-top a{font-size:13px;font-weight:500;line-height:1.35}
  .operational{font-size:9px;letter-spacing:1.6px}
  .footer-bottom{padding:13px 22px;gap:8px;font-size:8.5px;letter-spacing:1px;line-height:1.4}

  .platform-directory{padding:28px 22px 48px;min-height:auto}
  .directory-label{margin-top:34px;font-size:9px;letter-spacing:2.4px}
  .directory-title{font-size:43px;line-height:.94;letter-spacing:-2.1px;margin:15px 0 19px}
  .directory-sub{font-size:14px;line-height:1.6}
  .directory-grid{display:block;margin-top:26px}
  .directory-card{min-height:0;margin-bottom:9px;padding:17px;border-radius:15px}
  .directory-icon{width:44px;height:44px;border-radius:13px;margin-bottom:17px}
  .directory-icon img{width:23px;height:23px}
  .directory-card .tag{font-size:8px;letter-spacing:1.5px}
  .directory-card h3{font-size:20px;margin:6px 0 6px}
  .directory-card p{font-size:13px;line-height:1.5;margin-bottom:10px}
  .directory-card a{font-size:12px}

  .platform-page{padding:30px 22px 50px;min-height:auto}
  .platform-page .platform-hero-icon{width:68px;height:68px;border-radius:21px;margin:39px 0 22px}
  .platform-page .platform-hero-icon img{width:37px;height:37px}
  .platform-page h1{font-size:45px;line-height:.95;letter-spacing:-2.2px;margin-bottom:19px}
  .platform-page .platform-lead{font-size:15px;line-height:1.6;margin-bottom:27px}
}

@media(max-width:390px){
  .site-header{padding-left:18px;padding-right:18px}
  .hero-inner,.start,.rule,.good,.footer-top,.footer-bottom,.platform-directory,.platform-page{padding-left:18px;padding-right:18px}
  .hero h1{font-size:40px;letter-spacing:-2px}
  .lead{font-size:15px}
  .trust{gap:7px 12px;font-size:11px}
  .grab-card{padding-left:15px;padding-right:15px}
  .pill{font-size:10.5px;padding-left:8px;padding-right:8px}
}


/* ===== FINAL TRUST FEATURE SCALE ===== */
@media (max-width:700px){
  .trust{
    font-size:13px;
    gap:9px 20px;
  }
  .trust span i{
    font-size:19px;
    line-height:1;
  }
}
@media (max-width:390px){
  .trust{
    font-size:12.5px;
    gap:8px 14px;
  }
  .trust span i{font-size:19px}
}


/* ===== RESULT LINK + TRUST FEATURE FINISH ===== */
.different-link{
  display:block;
  margin:18px auto 0;
  padding:6px 4px;
  border:0;
  background:transparent;
  color:var(--muted);
  font-family:var(--type-body);
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  cursor:pointer;
  transition:color .2s ease, transform .2s ease;
}
.different-link span{
  color:var(--coral);
  margin-left:3px;
}
.different-link:hover{color:var(--ink)}
.different-link:active{transform:translateY(1px)}
.different-link:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:5px}

@media(max-width:700px){
  .trust{font-size:13.5px;gap:9px 20px}
  .trust span i{font-size:20px}
  .different-link{font-size:14px;margin-top:16px;padding:6px 4px}
}
@media(max-width:390px){
  .trust{font-size:13px;gap:8px 14px}
  .trust span i{font-size:20px}
}


/* ===== EXACT REFERENCE MOBILE FINISH ===== */
.trust{align-items:center}
.trust span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.trust-icon{width:29px;height:29px;flex:0 0 29px;fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.trust-bolt{stroke-width:2.3}
.link-icon{width:30px;height:100%;padding-left:15px;display:flex;align-items:center;justify-content:center}
.link-icon svg{width:22px;height:22px;fill:none;stroke:#6f7584;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.paste{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.paste-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.different-link{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:16px auto 0;padding:5px 2px;border:0;background:transparent;color:#6f7584;font-family:var(--type-body);font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .2s ease,transform .2s ease}
.different-link span{color:var(--coral);margin-left:0}
.different-link:hover{color:var(--ink)}
.different-link:active{transform:translateY(1px)}
.different-link:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:5px}
@media(max-width:700px){
  .hero-inner{padding-top:50px}
  .hero h1{font-size:46px;line-height:.91;letter-spacing:-2.4px;margin-top:36px;margin-bottom:23px}
  .lead{font-size:17px;line-height:1.5;max-width:100%;margin-bottom:23px}
  .trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:27px;font-size:14px;line-height:1.35}
  .trust span{gap:7px}
  .trust-icon{width:27px;height:27px;flex-basis:27px}
  .grab-card{padding:19px 18px 20px;border-radius:19px}
  .grab-head b{font-size:15px}
  .grab-head small{font-size:10px}
  .url-field{height:56px;border-radius:15px}
  .url-field input{font-size:16px}
  .link-icon{padding-left:13px;width:31px}
  .link-icon svg{width:21px;height:21px}
  .paste,.download{font-size:15px;height:52px}
  .paste-icon{width:20px;height:20px}
  .legal{font-size:10.5px}
  .result-card{padding:28px}
  .different-link{font-size:14px;margin-top:16px}
}
@media(max-width:390px){
  .hero h1{font-size:41px;letter-spacing:-2px}
  .lead{font-size:15.5px}
  .trust{font-size:13px;gap:9px 14px}
  .trust-icon{width:25px;height:25px;flex-basis:25px}
}

/* Final typography + FAQ */
.trust span strong{font-weight:700}
.faq{border-top:1px solid #dedbd4;padding:78px 34px 82px;max-width:1180px;margin:auto}
.faq-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}
.faq label{font-family:'DM Mono',monospace;letter-spacing:3px;font-size:11px;color:var(--coral)}
.faq h2{font-size:46px;line-height:1.1;letter-spacing:-2px;margin:24px 0 0;font-weight:600}
.faq h2 em{color:var(--coral);font-style:normal}
.faq-list{border-top:1px solid #d8d4cc}
.faq details{border-bottom:1px solid #d8d4cc;padding:0}
.faq summary{list-style:none;cursor:pointer;padding:22px 34px 22px 0;font-size:17px;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:19px;color:var(--coral);font-size:22px;font-weight:400}
.faq details[open] summary::after{content:'−'}
.faq details p{color:var(--muted);line-height:1.7;margin:0;padding:0 30px 22px 0;font-size:15px}
@media(max-width:760px){
  .faq{padding:58px 34px 62px}
  .faq-inner{display:block}
  .faq h2{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0 34px}
  .faq summary{font-size:16px;padding:19px 30px 19px 0}
  .faq summary::after{top:16px}
  .faq details p{font-size:14px;line-height:1.62;padding-bottom:19px}
}
@media(max-width:390px){.faq{padding-left:20px;padding-right:20px}}

/* ===== HOW IT WORKS PAGE ===== */
.how-page,.faq-page{background:var(--paper);min-height:100vh}
.how-hero{background:var(--ink);color:#fff}
.how-hero-inner{max-width:1180px;margin:auto;padding:76px 34px 72px}
.how-hero label,.how-page label,.faq-page label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.8px;color:var(--coral)}
.how-hero h1{font-size:62px;line-height:.94;letter-spacing:-2.8px;margin:24px 0 24px;font-weight:600}
.how-hero h1 em{font-style:normal;color:var(--coral)}
.how-hero p{font-size:17px;line-height:1.6;color:#c8cbd2;margin:0}
.steps{background:var(--paper)}
.steps-inner{max-width:1180px;margin:auto;padding:38px 34px 54px}
.step{padding:0 0 34px}
.step-rule{height:2px;background:var(--coral);margin-bottom:15px}
.step small{font-family:'DM Mono',monospace;color:var(--coral);font-size:9px;letter-spacing:1.5px}
.step-icon{width:42px;height:42px;border-radius:12px;background:#dceee9;color:#3f8f75;display:flex;align-items:center;justify-content:center;margin:22px 0 15px}
.step-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step h2{font-size:20px;line-height:1.2;margin:0 0 10px;font-weight:650}
.step p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:600px}
.how-permission{border-top:1px solid #dedbd4;background:#f2efe9}
.how-permission-inner{max-width:1180px;margin:auto;padding:34px}
.how-permission-icon{color:var(--coral);font-size:23px;margin-bottom:13px}
.how-permission h2{font-size:21px;line-height:1.25;margin:0 0 17px;font-weight:650}
.how-permission p{font-size:14px;line-height:1.65;color:var(--muted);max-width:760px;margin:0}
.how-cta{background:var(--paper);padding:38px 34px 58px}
.how-cta>div{max-width:520px;margin:auto;background:var(--coral);border-radius:14px;padding:27px 26px;color:#fff}
.how-cta label{color:#fff;font-size:8px;letter-spacing:2px;opacity:.82}
.how-cta h2{font-size:25px;line-height:1.05;letter-spacing:-.7px;margin:13px 0 20px;font-weight:650}
.how-cta a{display:inline-flex;background:var(--ink);color:#fff;text-decoration:none;border-radius:20px;padding:10px 15px;font-size:11px;font-weight:600}

/* ===== FULL FAQ PAGE ===== */
.faq-page-inner{max-width:1180px;margin:auto;padding:76px 34px 72px}
.faq-page h1{font-size:62px;line-height:.94;letter-spacing:-2.8px;margin:24px 0 23px;font-weight:600}
.faq-page h1 em{font-style:normal;color:var(--coral)}
.faq-page-intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:660px;margin:0 0 55px}
.faq-page-list{max-width:760px;border-top:1px solid #d8d4cc}
.faq-page-list details{border-bottom:1px solid #d8d4cc}
.faq-page-list summary{list-style:none;cursor:pointer;position:relative;padding:21px 35px 21px 0;font-size:18px;font-weight:650;line-height:1.3}
.faq-page-list summary::-webkit-details-marker{display:none}
.faq-page-list summary::after{content:'⌄';position:absolute;right:2px;top:18px;color:var(--coral);font-size:18px}
.faq-page-list details[open] summary::after{content:'⌃'}
.faq-page-list details p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;padding:0 35px 21px 0;max-width:700px}
.faq-note{max-width:760px;margin-top:34px;border:1px solid #ddd9d1;border-radius:14px;background:#f5f2ec;padding:17px;display:flex;gap:13px;align-items:flex-start}
.faq-note>span{width:22px;height:22px;border:1.5px solid var(--coral);border-radius:50%;color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 22px}
.faq-note strong{font-size:15px}
.faq-note p{font-size:13px;line-height:1.6;color:var(--muted);margin:5px 0 0}

@media(max-width:700px){
  .how-hero-inner{padding:43px 22px 38px}
  .how-hero h1{font-size:42px;line-height:.95;letter-spacing:-1.9px;margin:21px 0 20px}
  .how-hero p{font-size:14px;line-height:1.55}
  .steps-inner{padding:36px 22px 30px}
  .step{padding-bottom:27px}
  .step-rule{margin-bottom:13px}
  .step-icon{width:38px;height:38px;border-radius:11px;margin:20px 0 13px}
  .step-icon svg{width:18px;height:18px}
  .step h2{font-size:17px;margin-bottom:8px}
  .step p{font-size:11px;line-height:1.65}
  .how-permission-inner{padding:31px 22px 34px}
  .how-permission h2{font-size:17px;margin-bottom:15px}
  .how-permission p{font-size:11px;line-height:1.65}
  .how-cta{padding:35px 22px 45px}
  .how-cta>div{padding:22px 17px;border-radius:13px}
  .how-cta h2{font-size:22px;margin:11px 0 17px}
  .how-cta a{font-size:10px;padding:9px 13px}

  .faq-page-inner{padding:48px 16px 51px}
  .faq-page h1{font-size:39px;line-height:.95;letter-spacing:-1.7px;margin:19px 0 23px}
  .faq-page-intro{font-size:14px;line-height:1.6;margin-bottom:54px}
  .faq-page-list{max-width:none}
  .faq-page-list summary{font-size:14px;padding:18px 28px 18px 0}
  .faq-page-list summary::after{top:16px;font-size:17px}
  .faq-page-list details p{font-size:11px;line-height:1.65;padding:0 20px 18px 0}
  .faq-note{margin-top:32px;padding:14px;gap:10px}
  .faq-note strong{font-size:13px}
  .faq-note p{font-size:10.5px;line-height:1.6}
}


/* ===== FETCHRUSH LEGAL / INFO PAGES ===== */
.legal-page{background:var(--paper,#f7f4ee);min-height:55vh;padding:72px 24px 96px}
.legal-inner{max-width:900px;margin:0 auto}
.legal-inner>.back-link{display:inline-block;margin-bottom:54px}
.legal-inner>label{display:block;color:var(--coral,#f06449);font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}
.legal-inner h1{font-family:var(--type-display,var(--type-body));font-size:clamp(44px,7vw,76px);line-height:.95;letter-spacing:-2.8px;margin:0 0 24px;max-width:820px}
.legal-intro{max-width:720px;font-size:19px;line-height:1.65;color:#646a78;margin:0 0 64px}
.legal-sections{border-top:1px solid rgba(32,40,59,.14)}
.legal-sections article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:32px 0;border-bottom:1px solid rgba(32,40,59,.14)}
.legal-sections article>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--coral,#f06449);padding-top:5px}
.legal-sections h2{font-size:23px;letter-spacing:-.5px;margin:0 0 10px}
.legal-sections p{font-size:16px;line-height:1.7;color:#626979;margin:0;max-width:760px}
.legal-sections small{font-size:13px;line-height:1.5;color:#777d89}
@media(max-width:700px){
  .legal-page{padding:48px 20px 72px}
  .legal-inner>.back-link{margin-bottom:40px}
  .legal-inner h1{font-size:46px;letter-spacing:-2.2px}
  .legal-intro{font-size:17px;line-height:1.55;margin-bottom:44px}
  .legal-sections article{grid-template-columns:36px 1fr;gap:10px;padding:26px 0}
  .legal-sections h2{font-size:20px}
  .legal-sections p{font-size:15px;line-height:1.65}
}

/* Quality selector: options shown are the qualities available from the source. */
.choose{margin-bottom:10px}