body.skrot-ai-landing-page{
  margin:0!important;
  padding:0!important;
  background:#23232c!important;
  overflow-x:hidden!important;
}
body.skrot-ai-landing-page #wpadminbar{
  z-index:999999!important;
}
.skrot-ai-page{
  width:100%;
  min-height:100vh;
}

.skrot-ai-page{
  --ivory:#F8F4EC;
  --mobile-ivory:#FDFCF7;
  --ink:#111735;
  --text:#3E4772;
  --violet:#3C27E8;
  --violet-2:#5435F6;
  --line:rgba(33,35,75,.12);
}
.skrot-ai-page *{box-sizing:border-box}
.skrot-ai-page{scroll-behavior:smooth}
.skrot-ai-page{margin:0;background:#23232c;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
.skrot-ai-page a{text-decoration:none;color:inherit}
.skrot-ai-page .page-shell{min-height:100vh;background:#23232c;padding:18px}
.skrot-ai-page .hero{background:var(--ivory);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.skrot-ai-page .hero-inner{max-width:1360px;margin:0 auto;padding:30px 46px 34px}

.skrot-ai-page .hero-nav{height:54px;display:grid;grid-template-columns:1fr auto;align-items:start;position:relative;z-index:10}
.skrot-ai-page .brand{font-weight:800;letter-spacing:.03em;font-size:21px}
.skrot-ai-page .nav-buy{background:linear-gradient(90deg,var(--violet),#5140e5);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 25px rgba(60,39,232,.24)}
.skrot-ai-page .menu-btn{display:none;background:none;border:0;padding:4px;width:36px}
.skrot-ai-page .menu-btn span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:4px}

.skrot-ai-page .hero-grid{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:600px}
.skrot-ai-page .hero-copy{padding:4px 24px 0 0;position:relative;z-index:4}
.skrot-ai-page .eyebrow{font-size:14px;letter-spacing:.42em;font-weight:800;color:#4433ea;margin:0 0 22px 2px}
.skrot-ai-page h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(50px,4.5vw,68px);line-height:1;letter-spacing:-.045em;margin:0 0 24px;max-width:650px}
.skrot-ai-page .mobile-title{display:none}
.skrot-ai-page .hero-lead, .skrot-ai-page .hero-body{font-size:18px;line-height:1.38;color:var(--text);margin:0;max-width:600px}
.skrot-ai-page .hero-lead{margin-bottom:3px}
.skrot-ai-page .hero-body{margin-bottom:27px}
.skrot-ai-page .mobile-summary, .skrot-ai-page .mobile-action, .skrot-ai-page .mobile-visual-image{display:none}

.skrot-ai-page .primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 30px;border-radius:999px;background:linear-gradient(96deg,#3823E8,#4F32F2);color:#fff;font-weight:700;font-size:17px;box-shadow:0 16px 30px rgba(66,44,236,.18)}
.skrot-ai-page .primary-cta span{font-size:27px;font-weight:300;line-height:1}
.skrot-ai-page .hero-micro{font-size:14px;color:#4a557d;margin:14px 0 0 4px}
.skrot-ai-page .hero-micro span{margin:0 9px}

.skrot-ai-page .hero-visual{
  height:585px;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
}
.skrot-ai-page .desktop-visual-image{display:block;height:545px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(47,36,134,.12));transform:translateX(-6px)}
.skrot-ai-page .desktop-visual{display:block;position:relative;width:100%;height:100%}
.skrot-ai-page .visual-glow{position:absolute;border-radius:50%;filter:blur(38px);z-index:-1}
.skrot-ai-page .glow-a{width:500px;height:450px;background:radial-gradient(circle,rgba(96,76,255,.34),rgba(96,76,255,0) 70%);right:30px;top:38px}
.skrot-ai-page .glow-b{width:340px;height:300px;background:radial-gradient(circle,rgba(93,77,255,.20),rgba(93,77,255,0) 72%);left:40px;bottom:15px}
.skrot-ai-page .phone-wrap{position:absolute;left:24%;top:1%;width:58%;max-width:415px;z-index:4;filter:drop-shadow(0 24px 34px rgba(27,27,71,.22))}
.skrot-ai-page .phone-image{display:block;width:100%;height:auto;border-radius:0;mix-blend-mode:multiply}
.skrot-ai-page .float-card, .skrot-ai-page .metric-card{position:absolute;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid rgba(80,68,214,.11);border-radius:17px;box-shadow:0 16px 42px rgba(61,44,195,.13);z-index:3;color:#12194a}
.skrot-ai-page .float-card{padding:15px}
.skrot-ai-page .float-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.05;margin:7px 0 6px}
.skrot-ai-page .float-card small{font-size:11px;line-height:1.3;color:#495482}
.skrot-ai-page .icon-square{font-size:27px;color:#3727ef;line-height:1}
.skrot-ai-page .message-card{left:3%;top:40%;width:168px;transform:rotate(-5deg)}
.skrot-ai-page .offer-card{right:0;top:25%;width:168px;transform:rotate(5deg)}
.skrot-ai-page .trip-card{left:1%;bottom:3%;width:188px;transform:rotate(-6deg);padding:12px}
.skrot-ai-page .trip-card strong{font-family:inherit;font-size:14px;display:inline}
.skrot-ai-page .trip-top{color:#262c62;margin-bottom:8px}
.skrot-ai-page .trip-photo{height:77px;border-radius:10px;background:linear-gradient(145deg,#73a4e8 0 43%,#f5d38b 43% 54%,#376ba0 54% 66%,#b8d7f2 66%);margin-bottom:6px}
.skrot-ai-page .trip-card ul{list-style:none;margin:0;padding:0;font-size:11px;line-height:1.5;color:#35416d}
.skrot-ai-page .trip-card li:before{content:"✓";color:#3f2df1;margin-right:6px}
.skrot-ai-page .metric-card{right:0;width:160px;padding:13px 14px;display:flex;gap:9px;align-items:center}
.skrot-ai-page .metric-card b{font-family:Georgia,"Times New Roman",serif;font-size:27px;color:#17194a}
.skrot-ai-page .metric-card span{font-size:11px;line-height:1.1}
.skrot-ai-page .metric-one{top:55%}.skrot-ai-page .metric-two{top:72%}

.skrot-ai-page .benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:0;padding-top:18px}
.skrot-ai-page .benefit{display:flex;align-items:center;justify-content:center;gap:13px;min-height:64px;font-size:16px;line-height:1.17;color:#27305e}
.skrot-ai-page .benefit:not(:last-child){border-right:1px solid var(--line)}
.skrot-ai-page .benefit-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#eeebff;color:#3727ef;font-size:24px}

@media (max-width:1000px) and (min-width:721px){
  .skrot-ai-page .hero-inner{padding:25px 30px 30px}
  .skrot-ai-page .hero-grid{grid-template-columns:49% 51%;min-height:540px}
  .skrot-ai-page .desktop-visual-image{
  display:block;
  height:565px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 22px 34px rgba(47,36,134,.14));
  transform:translateX(-8px);
}
  .skrot-ai-page .message-card{left:-2%}
  .skrot-ai-page .offer-card{right:-4%}
  .skrot-ai-page .trip-card{left:-3%}
  .skrot-ai-page .metric-card{right:-3%}
  .skrot-ai-page h1{font-size:50px}
  .skrot-ai-page .hero-lead, .skrot-ai-page .hero-body{font-size:17px}
}

@media (max-width:720px){
  .skrot-ai-page, .skrot-ai-page .page-shell, .skrot-ai-page .hero{background:var(--mobile-ivory)}
  .skrot-ai-page .page-shell{padding:0}
  .skrot-ai-page .hero{border-radius:0;box-shadow:none}
  .skrot-ai-page .hero-inner{padding:14px 20px 24px;max-width:480px}

  .skrot-ai-page .hero-nav{height:58px;grid-template-columns:42px 1fr auto;align-items:center}
  .skrot-ai-page .menu-btn{display:block}
  .skrot-ai-page .brand{font-size:19px}
  .skrot-ai-page .nav-buy{font-size:13px;padding:12px 16px}

  .skrot-ai-page .hero-grid{display:flex;flex-direction:column;min-height:auto}
  .skrot-ai-page .hero-copy{padding:34px 0 0;text-align:center;width:100%}
  .skrot-ai-page .eyebrow{font-size:12px;letter-spacing:.38em;margin-bottom:18px}
  .skrot-ai-page .desktop-title{display:none}
  .skrot-ai-page .mobile-title{display:inline}
  .skrot-ai-page h1{font-size:clamp(42px,11.5vw,52px);line-height:.98;max-width:430px;margin:0 auto 20px;letter-spacing:-.05em}

  .skrot-ai-page .desktop-copy, .skrot-ai-page .desktop-cta, .skrot-ai-page .desktop-micro{display:none}
  .skrot-ai-page .mobile-summary{display:block;font-size:17px;line-height:1.34;color:var(--text);max-width:390px;margin:0 auto}

  .skrot-ai-page .hero-visual{
    height:auto;
    width:100%;
    margin-top:10px;
    display:flex;
    justify-content:center;
    position:relative;
  }
  .skrot-ai-page .desktop-visual{display:none}
  .skrot-ai-page .desktop-visual-image{display:none!important}
  .skrot-ai-page .mobile-visual-image{
    display:block;
    width:min(100%,390px);
    height:auto;
    border:0;
    border-radius:0;
    box-shadow:none;
    object-fit:contain;
    mix-blend-mode:multiply;
  }

  .skrot-ai-page .mobile-action{display:block;width:100%;text-align:center;margin-top:4px}
  .skrot-ai-page .mobile-cta{width:100%;max-width:390px;min-height:58px;font-size:15px;gap:16px;padding:0 18px}
  .skrot-ai-page .mobile-action .hero-micro{font-size:13px;margin-top:13px;white-space:nowrap}
  .skrot-ai-page .benefits{display:none}
}

@media (max-width:390px){
  .skrot-ai-page .hero-inner{padding-left:16px;padding-right:16px}
  .skrot-ai-page .brand{font-size:17px}
  .skrot-ai-page .nav-buy{padding:10px 13px;font-size:12px}
  .skrot-ai-page .hero-copy{padding-top:27px}
  .skrot-ai-page h1{font-size:43px}
  .skrot-ai-page .mobile-summary{font-size:16px}
  .skrot-ai-page .mobile-visual-image{width:100%}
  .skrot-ai-page .mobile-cta{font-size:14px}
  .skrot-ai-page .mobile-action .hero-micro{font-size:12px;white-space:normal}
}


/* =========================================================
   SECTION 2 — "AI miało ułatwiać życie"
   Strategy:
   - separate desktop/mobile visual references
   - switched at the breakpoint, never squeezed into one layout
   - no interactive content in this transition block, so the approved
     visual is used as a highly optimized artwork
   - semantic text remains available to screen readers/search engines
   ========================================================= */
.skrot-ai-page .ai-transition{
  background:var(--ivory);
  padding:10px 34px 34px;
}
.skrot-ai-page .ai-transition-picture{
  display:block;
  width:100%;
  max-width:1280px;
  margin:0 auto;
}
.skrot-ai-page .ai-transition-art{
  display:block;
  width:100%;
  height:auto;
  border-radius:26px;
  box-shadow:0 18px 42px rgba(21,18,61,.13);
}
.skrot-ai-page .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:720px){
  .skrot-ai-page .ai-transition{
    padding:12px 14px 20px;
    background:var(--mobile-ivory);
  }
  .skrot-ai-page .ai-transition-picture{
    max-width:430px;
  }
  .skrot-ai-page .ai-transition-art{
    border-radius:18px;
    box-shadow:0 14px 34px rgba(28,22,86,.12);
  }
}




/* =========================================================
   SECTION 3 — AI W PRAKTYCE / NATIVE HTML + CSS
   ========================================================= */
.skrot-ai-page .ai-practice-native{
  background:var(--ivory);
  padding:44px 34px 58px;
}
.skrot-ai-page .practice-wrap{
  max-width:1280px;
  margin:0 auto;
}
.skrot-ai-page .practice-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:36px;
  align-items:start;
  margin-bottom:34px;
}
.skrot-ai-page .practice-kicker{
  color:#3328df;
  font-weight:800;
  letter-spacing:.35em;
  font-size:14px;
  margin-bottom:10px;
}
.skrot-ai-page .practice-header h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,5.1vw,72px);
  line-height:.94;
  font-weight:500;
  letter-spacing:-.045em;
  margin:0;
  max-width:920px;
  color:var(--ink);
}
.skrot-ai-page .practice-header h2 span{
  display:block;
}
.skrot-ai-page .practice-header h2 span:after{
  content:"";
  display:block;
  width:210px;
  height:3px;
  background:linear-gradient(90deg,#9d91ff,rgba(157,145,255,0));
  border-radius:99px;
  margin:13px 0 0 58px;
  transform:rotate(-4deg);
}
.skrot-ai-page .practice-note{
  position:relative;
  font-family:"Comic Sans MS","Segoe Print",cursive;
  font-size:17px;
  line-height:1.25;
  color:#5548d7;
  transform:rotate(-4deg);
  padding:12px 12px 0 0;
}
.skrot-ai-page .practice-note span{display:block}
.skrot-ai-page .practice-note i{
  display:block;
  width:78px;
  height:52px;
  border-left:2px solid #786cff;
  border-bottom:2px solid #786cff;
  border-radius:0 0 0 60px;
  transform:rotate(-25deg);
  margin:7px 0 0 5px;
}

.skrot-ai-page .practice-stack{
  display:grid;
  gap:18px;
}
.skrot-ai-page .practice-case{
  position:relative;
  display:grid;
  grid-template-columns:210px minmax(270px,1.08fr) 48px minmax(320px,1.1fr);
  gap:22px;
  align-items:center;
  min-height:228px;
  padding:26px 28px;
  border-radius:28px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(85,73,194,.08);
  box-shadow:0 17px 40px rgba(60,43,170,.06);
  overflow:hidden;
}
.skrot-ai-page .practice-case:before{
  content:"";
  position:absolute;
  inset:22% 22%;
  background:radial-gradient(circle,rgba(103,85,255,.10),rgba(103,85,255,0) 68%);
  filter:blur(12px);
  pointer-events:none;
}
.skrot-ai-page .case-intro{
  align-self:start;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  position:relative;
  z-index:2;
}
.skrot-ai-page .case-no{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#efedff;
  color:#3b2de8;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:700;
}
.skrot-ai-page .case-intro h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1;
  margin:5px 0 11px;
  color:var(--ink);
  font-weight:600;
}
.skrot-ai-page .case-intro p{
  margin:0;
  font-size:16px;
  line-height:1.27;
  color:#233061;
}
.skrot-ai-page .ui-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(73,59,189,.09);
  box-shadow:0 15px 36px rgba(70,52,184,.10);
  border-radius:18px;
}
.skrot-ai-page .case-arrow{
  font-size:46px;
  color:#382cf1;
  font-weight:300;
  text-align:center;
  position:relative;
  z-index:2;
}

/* Message */
.skrot-ai-page .message-input{
  padding:18px 18px 16px;
  transform:rotate(-1.2deg);
  position:relative;
  z-index:2;
}
.skrot-ai-page .message-head{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:10px;
}
.skrot-ai-page .avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
}
.skrot-ai-page .message-head strong{display:block;font-size:14px}
.skrot-ai-page .message-head small{display:block;color:#8a90ae;margin-top:2px}
.skrot-ai-page .dots{color:#334075;letter-spacing:.12em}
.skrot-ai-page .message-input p{
  font-size:14px;
  line-height:1.35;
  color:#27345e;
  margin:12px 0 0;
}
.skrot-ai-page .message-output{
  display:grid;
  gap:10px;
  position:relative;
  z-index:2;
}
.skrot-ai-page .result-lines{padding:10px 16px}
.skrot-ai-page .result-lines>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  min-height:43px;
}
.skrot-ai-page .result-lines>div+div{border-top:1px solid rgba(39,48,94,.08)}
.skrot-ai-page .result-lines span{
  color:#4135ee;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
}
.skrot-ai-page .result-lines strong{font-size:15px;color:#25315f}
.skrot-ai-page .reply-card{padding:13px 56px 13px 15px;position:relative}
.skrot-ai-page .reply-label{
  color:#4135ee;
  font-weight:700;
  font-size:12px;
  margin-bottom:8px;
}
.skrot-ai-page .reply-card p{
  margin:0;
  font-size:12px;
  line-height:1.35;
  color:#38436c;
}
.skrot-ai-page .send-dot{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  background:#4431ef;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:18px;
}

/* Document */
.skrot-ai-page .doc-input{
  position:relative;
  height:175px;
  min-width:300px;
  z-index:2;
}
.skrot-ai-page .paper{
  position:absolute;
  width:220px;
  height:148px;
  left:50%;
  top:50%;
  border-radius:9px;
  background:#fff;
  box-shadow:0 13px 32px rgba(60,46,168,.12);
  border:1px solid rgba(54,45,161,.09);
}
.skrot-ai-page .paper-back{transform:translate(-58%,-46%) rotate(-7deg);opacity:.6}
.skrot-ai-page .paper-mid{transform:translate(-48%,-49%) rotate(6deg);opacity:.72}
.skrot-ai-page .paper-front{transform:translate(-52%,-54%) rotate(-1deg);padding:15px}
.skrot-ai-page .paper-head{font-size:13px;color:#233166;margin-bottom:12px}
.skrot-ai-page .paper-head strong{margin-left:5px}
.skrot-ai-page .paper-front span{
  display:block;
  height:7px;
  border-radius:999px;
  margin:8px 0;
  background:#e8e9f2;
}
.skrot-ai-page .paper-front span:nth-child(2){width:90%}
.skrot-ai-page .paper-front span:nth-child(3){width:72%}
.skrot-ai-page .paper-front span:nth-child(4){width:84%}
.skrot-ai-page .paper-front span:nth-child(5){width:58%}
.skrot-ai-page .paper-front span:nth-child(6){width:76%}
.skrot-ai-page .page-badge{
  position:absolute;
  right:5px;
  bottom:10px;
  border-radius:999px;
  padding:9px 13px;
  background:#fff;
  color:#303972;
  box-shadow:0 9px 24px rgba(54,44,169,.12);
  font-size:12px;
}
.skrot-ai-page .doc-output{
  overflow:hidden;
  position:relative;
  z-index:2;
}
.skrot-ai-page .metric-row{
  min-height:62px;
  display:grid;
  grid-template-columns:34px 46px 1fr 18px;
  align-items:center;
  gap:8px;
  padding:0 18px;
}
.skrot-ai-page .metric-row+.metric-row{border-top:1px solid rgba(40,49,95,.08)}
.skrot-ai-page .metric-icon{font-size:21px;color:#4034ef}
.skrot-ai-page .metric-row b{
  font-family:Georgia,"Times New Roman",serif;
  font-size:33px;
  color:#131a47;
}
.skrot-ai-page .metric-row>span:nth-of-type(2){
  font-size:13px;
  line-height:1.22;
  color:#27335f;
}
.skrot-ai-page .metric-row em{
  font-style:normal;
  font-size:25px;
  color:#303a70;
}

/* Offers */
.skrot-ai-page .offers-input{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  position:relative;
  z-index:2;
}
.skrot-ai-page .offer-mini{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(70,57,190,.09);
  border-radius:13px;
  padding:11px 10px 12px;
  box-shadow:0 12px 28px rgba(67,51,174,.09);
  min-width:0;
}
.skrot-ai-page .offer-mini small{display:block;color:#34406b;margin-bottom:3px}
.skrot-ai-page .offer-mini b{display:block;font-size:13px;color:#182050;margin-bottom:8px}
.skrot-ai-page .offer-block{
  height:37px;
  border-radius:7px;
  background:linear-gradient(135deg,#8195de 0 40%,#5b4fdb 40% 53%,#d9dcff 53%);
  margin-bottom:8px;
}
.skrot-ai-page .offer-block.alt{background:linear-gradient(135deg,#9c9fe6 0 38%,#4a3ede 38% 50%,#efefff 50%)}
.skrot-ai-page .offer-block.third{background:linear-gradient(135deg,#d8d9fb 0 40%,#5b4fdb 40% 53%,#c8c9f4 53%)}
.skrot-ai-page .offer-mini span{
  display:block;
  font-size:9px;
  line-height:1.35;
  color:#445078;
  white-space:nowrap;
}
.skrot-ai-page .compare-table-wrap{
  overflow:hidden;
  position:relative;
  z-index:2;
}
.skrot-ai-page .compare-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:11px;
  color:#27315c;
}
.skrot-ai-page .compare-table th, .skrot-ai-page .compare-table td{
  border:1px solid rgba(53,61,103,.08);
  padding:9px 8px;
  text-align:center;
  vertical-align:middle;
}
.skrot-ai-page .compare-table thead th{
  color:#3328df;
  background:rgba(248,248,255,.8);
  font-size:15px;
}
.skrot-ai-page .compare-table thead th span{
  font-size:10px;
  color:#3c4670;
}
.skrot-ai-page .compare-table tbody th{
  text-align:left;
  font-size:10px;
  color:#222d57;
  width:25%;
}
.skrot-ai-page .compare-table tbody tr:first-child td{
  font-weight:700;
  color:#19215a;
  background:rgba(240,238,255,.55);
}

/* Tablet */
@media (max-width:1050px) and (min-width:721px){
  .skrot-ai-page .practice-case{
    grid-template-columns:180px minmax(220px,1fr) 34px minmax(280px,1fr);
    gap:14px;
    padding:22px 20px;
  }
  .skrot-ai-page .case-intro{grid-template-columns:46px 1fr;gap:10px}
  .skrot-ai-page .case-no{width:46px;height:46px;font-size:21px}
  .skrot-ai-page .case-intro h3{font-size:24px}
  .skrot-ai-page .case-intro p{font-size:14px}
  .skrot-ai-page .practice-note{font-size:15px}
}

/* Mobile */
@media (max-width:720px){
  .skrot-ai-page .ai-practice-native{
    padding:40px 16px 34px;
    background:var(--mobile-ivory);
  }
  .skrot-ai-page .practice-wrap{max-width:430px}
  .skrot-ai-page .practice-header{
    display:block;
    margin-bottom:20px;
  }
  .skrot-ai-page .practice-kicker{
    font-size:12px;
    letter-spacing:.32em;
    margin-bottom:8px;
  }
  .skrot-ai-page .practice-header h2{
    font-size:clamp(42px,12vw,54px);
    line-height:.96;
    letter-spacing:-.045em;
  }
  .skrot-ai-page .practice-header h2 span{display:inline}
  .skrot-ai-page .practice-header h2 span:after{
    width:150px;
    margin:10px 0 0 auto;
  }
  .skrot-ai-page .practice-note{display:none}

  .skrot-ai-page .practice-stack{gap:12px}
  .skrot-ai-page .practice-case{
    display:block;
    min-height:0;
    padding:18px 14px 16px;
    border-radius:22px;
    box-shadow:0 13px 30px rgba(60,43,170,.07);
  }
  .skrot-ai-page .case-intro{
    grid-template-columns:54px 1fr;
    align-items:start;
    margin-bottom:14px;
  }
  .skrot-ai-page .case-no{
    width:54px;
    height:54px;
    font-size:25px;
  }
  .skrot-ai-page .case-intro h3{
    font-size:26px;
    margin:4px 0 4px;
  }
  .skrot-ai-page .case-intro p{
    font-size:16px;
    line-height:1.18;
  }
  .skrot-ai-page .case-arrow{
    font-size:36px;
    line-height:1;
    transform:rotate(90deg);
    height:34px;
    display:grid;
    place-items:center;
    margin:3px 0;
  }

  .skrot-ai-page .message-input{
    width:90%;
    margin:0 auto;
    transform:none;
    padding:14px;
  }
  .skrot-ai-page .message-input p{
    font-size:12px;
    max-height:54px;
    overflow:hidden;
  }
  .skrot-ai-page .message-output{gap:8px}
  .skrot-ai-page .result-lines{padding:7px 13px}
  .skrot-ai-page .result-lines>div{min-height:40px}
  .skrot-ai-page .reply-card p{display:none}
  .skrot-ai-page .reply-card{min-height:51px;padding:12px 55px 12px 14px}
  .skrot-ai-page .reply-label{margin:5px 0 0;font-size:12px}

  .skrot-ai-page .doc-input{
    height:116px;
    min-width:0;
    margin-top:2px;
  }
  .skrot-ai-page .paper{
    width:190px;
    height:105px;
  }
  .skrot-ai-page .paper-front{padding:12px}
  .skrot-ai-page .paper-head{margin-bottom:8px;font-size:12px}
  .skrot-ai-page .paper-front span{height:5px;margin:5px 0}
  .skrot-ai-page .page-badge{
    right:8px;
    bottom:4px;
    padding:8px 11px;
  }
  .skrot-ai-page .doc-output{margin-top:4px}
  .skrot-ai-page .metric-row{
    min-height:57px;
    grid-template-columns:30px 40px 1fr 16px;
    padding:0 14px;
  }
  .skrot-ai-page .metric-row b{font-size:31px}

  .skrot-ai-page .offers-input{
    display:none;
  }
  .skrot-ai-page .case-offers .case-arrow{
    display:none;
  }
  .skrot-ai-page .compare-table-wrap{
    margin-top:6px;
    border-radius:14px;
    box-shadow:none;
    background:transparent;
    border:0;
  }
  .skrot-ai-page .compare-table{
    font-size:9px;
  }
  .skrot-ai-page .compare-table th, .skrot-ai-page .compare-table td{
    padding:8px 4px;
  }
  .skrot-ai-page .compare-table thead th{
    font-size:12px;
  }
  .skrot-ai-page .compare-table thead th span{
    font-size:9px;
  }
  .skrot-ai-page .compare-table tbody th{
    font-size:9px;
  }
}

@media (max-width:390px){
  .skrot-ai-page .ai-practice-native{padding-left:12px;padding-right:12px}
  .skrot-ai-page .practice-header h2{font-size:41px}
  .skrot-ai-page .case-intro h3{font-size:24px}
  .skrot-ai-page .case-intro p{font-size:15px}
}


/* =========================================================
   SECTION 4 — MOJE AI / NATIVE HTML + CSS
   ========================================================= */
.skrot-ai-page .my-ai-native{
  background:var(--ivory);
  padding:60px 34px 58px;
}
.skrot-ai-page .my-ai-wrap{
  max-width:1280px;
  margin:0 auto;
}
.skrot-ai-page .my-ai-grid{
  display:grid;
  grid-template-columns:44% 56%;
  align-items:center;
  gap:20px;
}
.skrot-ai-page .my-ai-copy{
  padding:18px 18px 0 8px;
}
.skrot-ai-page .my-ai-kicker{
  color:#3428df;
  font-size:14px;
  font-weight:800;
  letter-spacing:.36em;
  margin-bottom:16px;
}
.skrot-ai-page .my-ai-copy h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(54px,5.2vw,76px);
  line-height:.93;
  letter-spacing:-.047em;
  font-weight:500;
  color:var(--ink);
}
.skrot-ai-page .my-ai-underline{
  width:230px;
  height:3px;
  margin:16px 0 26px 116px;
  background:linear-gradient(90deg,#9a8cff,rgba(154,140,255,0));
  border-radius:999px;
  transform:rotate(-3deg);
}
.skrot-ai-page .my-ai-copy p{
  max-width:520px;
  margin:0 0 32px;
  color:#34406b;
  font-size:18px;
  line-height:1.38;
}
.skrot-ai-page .my-ai-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:60px;
  padding:0 30px;
  border-radius:999px;
  background:linear-gradient(96deg,#3823e8,#4f32f2);
  box-shadow:0 15px 30px rgba(63,42,230,.18);
  color:#fff;
  font-size:17px;
  font-weight:700;
}
.skrot-ai-page .my-ai-cta span{
  font-size:26px;
  font-weight:300;
}
.skrot-ai-page .my-ai-visual{
  position:relative;
  height:720px;
  isolation:isolate;
}
.skrot-ai-page .my-ai-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(34px);
  z-index:-2;
}
.skrot-ai-page .glow-one{
  width:520px;
  height:500px;
  left:50%;
  top:47%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(91,71,255,.35),rgba(91,71,255,0) 70%);
}
.skrot-ai-page .glow-two{
  width:300px;
  height:250px;
  right:10%;
  bottom:8%;
  background:radial-gradient(circle,rgba(110,90,255,.24),rgba(110,90,255,0) 72%);
}
.skrot-ai-page .my-ai-phone{
  position:absolute;
  width:53%;
  max-width:420px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%) rotate(1deg);
  z-index:5;
  filter:drop-shadow(0 25px 34px rgba(26,25,71,.18));
}
.skrot-ai-page .my-ai-float{
  position:absolute;
  z-index:3;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(71,58,186,.10);
  border-radius:18px;
  box-shadow:0 16px 36px rgba(60,44,170,.12);
  color:#182052;
}
.skrot-ai-page .my-ai-card-icon{
  font-size:27px;
  color:#3b2ce9;
  line-height:1;
}
.skrot-ai-page .my-ai-float h3{
  margin:8px 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.05;
}
.skrot-ai-page .my-ai-float p{
  margin:0;
  font-size:12px;
  line-height:1.35;
  color:#4b557d;
}
.skrot-ai-page .my-ai-message{
  width:180px;
  left:1%;
  top:26%;
  padding:15px;
  transform:rotate(-9deg);
}
.skrot-ai-page .float-arrow{
  position:absolute;
  right:12px;
  bottom:10px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ece9ff;
  color:#4432ed;
  font-size:20px;
}
.skrot-ai-page .my-ai-trip{
  width:205px;
  left:0;
  bottom:10%;
  padding:12px;
  transform:rotate(-8deg);
}
.skrot-ai-page .trip-title{
  font-size:14px;
  color:#293260;
  margin-bottom:9px;
}
.skrot-ai-page .trip-mini-img{
  width:100%;
  height:86px;
  object-fit:cover;
  border-radius:10px;
  display:block;
  margin-bottom:8px;
}
.skrot-ai-page .my-ai-trip ul{
  list-style:none;
  padding:0;
  margin:0;
  font-size:11px;
  line-height:1.55;
  color:#38426f;
}
.skrot-ai-page .my-ai-trip li:before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  border-radius:50%;
  margin-right:7px;
  background:#4937ef;
  color:#fff;
  font-size:9px;
}
.skrot-ai-page .my-ai-compare{
  width:178px;
  right:0;
  top:33%;
  padding:15px;
  transform:rotate(6deg);
}
.skrot-ai-page .compare-lines{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:12px 10px;
  align-items:center;
  margin-top:10px;
}
.skrot-ai-page .compare-lines span{
  color:#3d2dec;
  font-size:18px;
}
.skrot-ai-page .compare-lines i{
  display:block;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#dddef3,#f0effb);
}
.skrot-ai-page .my-ai-handnote{
  position:absolute;
  right:0;
  bottom:13%;
  font-family:"Comic Sans MS","Segoe Print",cursive;
  color:#5145d3;
  font-size:16px;
  line-height:1.18;
  transform:rotate(-7deg);
}
.skrot-ai-page .my-ai-handnote span{display:block}
.skrot-ai-page .my-ai-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:-8px;
  padding-top:26px;
  border-top:1px solid rgba(43,48,89,.08);
}
.skrot-ai-page .my-ai-benefit{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#27315f;
  font-size:16px;
  line-height:1.18;
}
.skrot-ai-page .my-ai-benefit:not(:last-child){
  border-right:1px solid rgba(43,48,89,.08);
}
.skrot-ai-page .my-ai-benefit-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#efedff;
  color:#3d2ced;
  font-size:26px;
}
.skrot-ai-page .my-ai-mobile-action{
  display:none;
}

@media (max-width:1020px) and (min-width:721px){
  .skrot-ai-page .my-ai-grid{grid-template-columns:46% 54%}
  .skrot-ai-page .my-ai-copy h2{font-size:56px}
  .skrot-ai-page .my-ai-copy p{font-size:16px}
  .skrot-ai-page .my-ai-visual{height:640px}
  .skrot-ai-page .my-ai-phone{width:56%}
  .skrot-ai-page .my-ai-message{width:160px}
  .skrot-ai-page .my-ai-trip{width:180px}
  .skrot-ai-page .my-ai-compare{width:160px}
}

@media (max-width:720px){
  .skrot-ai-page .my-ai-native{
    padding:44px 16px 34px;
    background:var(--mobile-ivory);
  }
  .skrot-ai-page .my-ai-wrap{max-width:430px}
  .skrot-ai-page .my-ai-grid{display:block}
  .skrot-ai-page .my-ai-copy{
    padding:0;
    text-align:center;
  }
  .skrot-ai-page .my-ai-kicker{
    font-size:12px;
    letter-spacing:.32em;
    margin-bottom:13px;
  }
  .skrot-ai-page .my-ai-copy h2{
    font-size:clamp(42px,12vw,54px);
    line-height:.95;
  }
  .skrot-ai-page .my-ai-copy h2 br:nth-of-type(1){display:none}
  .skrot-ai-page .my-ai-underline{
    width:150px;
    margin:11px auto 18px;
  }
  .skrot-ai-page .my-ai-copy p{
    max-width:390px;
    margin:0 auto;
    font-size:17px;
    line-height:1.34;
  }
  .skrot-ai-page .desktop-my-ai-cta{display:none}

  .skrot-ai-page .my-ai-visual{
    height:690px;
    margin-top:14px;
  }
  .skrot-ai-page .my-ai-phone{
    width:67%;
    max-width:300px;
    top:51%;
  }
  .skrot-ai-page .glow-one{
    width:380px;
    height:420px;
    top:50%;
  }
  .skrot-ai-page .my-ai-message{
    width:145px;
    left:-2%;
    top:25%;
    padding:12px;
    transform:rotate(-8deg);
  }
  .skrot-ai-page .my-ai-message h3{font-size:16px}
  .skrot-ai-page .my-ai-message p{font-size:10px}
  .skrot-ai-page .my-ai-trip{
    width:148px;
    left:-3%;
    bottom:11%;
    padding:10px;
    transform:rotate(-8deg);
  }
  .skrot-ai-page .trip-mini-img{height:66px}
  .skrot-ai-page .my-ai-trip ul{font-size:9px}
  .skrot-ai-page .my-ai-compare{
    width:143px;
    right:-2%;
    top:31%;
    padding:12px;
  }
  .skrot-ai-page .my-ai-compare h3{font-size:16px}
  .skrot-ai-page .compare-lines{
    gap:9px 7px;
    grid-template-columns:20px 1fr;
  }
  .skrot-ai-page .my-ai-handnote{display:none}

  .skrot-ai-page .my-ai-mobile-action{
    display:block;
    text-align:center;
    margin-top:-4px;
  }
  .skrot-ai-page .my-ai-mobile-action .my-ai-cta{
    width:100%;
    max-width:390px;
    min-height:58px;
    padding:0 18px;
    font-size:15px;
  }
  .skrot-ai-page .my-ai-benefits{
    margin-top:22px;
    padding-top:0;
    border-top:0;
    gap:8px;
  }
  .skrot-ai-page .my-ai-benefit{
    min-height:auto;
    display:block;
    text-align:center;
    padding:0 4px;
    font-size:11px;
    line-height:1.18;
  }
  .skrot-ai-page .my-ai-benefit:not(:last-child){border-right:0}
  .skrot-ai-page .my-ai-benefit-icon{
    width:44px;
    height:44px;
    margin:0 auto 8px;
    font-size:22px;
  }
}

@media (max-width:390px){
  .skrot-ai-page .my-ai-copy h2{font-size:41px}
  .skrot-ai-page .my-ai-copy p{font-size:16px}
  .skrot-ai-page .my-ai-visual{height:640px}
  .skrot-ai-page .my-ai-message{width:132px}
  .skrot-ai-page .my-ai-trip{width:138px}
  .skrot-ai-page .my-ai-compare{width:132px}
}


/* =========================================================
   SECTION 4 — MOJE AI / V12 FIX
   Approved method:
   - copy/CTA/benefits = native HTML
   - complex phone + cards + glow = one optimized visual asset
   - separate visual asset for desktop and mobile
   ========================================================= */
.skrot-ai-page .my-ai-native{
  background:#FDF8F2;
  padding-top:54px;
}
.skrot-ai-page .my-ai-copy h2{
  font-size:clamp(52px,5vw,72px);
  line-height:.96;
}
.skrot-ai-page .my-ai-copy h2 span{
  display:block;
}
.skrot-ai-page .my-ai-visual{
  position:relative;
  height:auto;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.skrot-ai-page .my-ai-visual-picture{
  display:block;
  width:100%;
}
.skrot-ai-page .my-ai-visual-art{
  display:block;
  width:min(100%,760px);
  height:auto;
  margin:0 auto;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.skrot-ai-page .my-ai-benefits{
  margin-top:4px;
}

/* Hide all old V11 individual phone/card layers if any remain in cached markup */
.skrot-ai-page .my-ai-phone, .skrot-ai-page .my-ai-float, .skrot-ai-page .my-ai-glow, .skrot-ai-page .my-ai-handnote{
  display:none!important;
}

@media (max-width:1020px) and (min-width:721px){
  .skrot-ai-page .my-ai-visual{height:auto}
  .skrot-ai-page .my-ai-visual-art{width:min(100%,650px)}
}

@media (max-width:720px){
  .skrot-ai-page .my-ai-native{
    padding:38px 16px 32px;
    background:#FDF8F2;
  }
  .skrot-ai-page .my-ai-copy h2{
    font-size:clamp(39px,10.8vw,47px);
    line-height:.98;
    letter-spacing:-.04em;
  }
  .skrot-ai-page .my-ai-copy h2 span{
    display:block;
  }
  .skrot-ai-page .my-ai-underline{
    width:145px;
    margin:10px auto 17px;
  }
  .skrot-ai-page .my-ai-copy p{
    max-width:365px;
    font-size:16px;
    line-height:1.31;
  }
  .skrot-ai-page .my-ai-visual{
    height:auto;
    margin-top:4px;
  }
  .skrot-ai-page .my-ai-visual-picture{
    width:calc(100% + 22px);
    margin-left:-11px;
    margin-right:-11px;
  }
  .skrot-ai-page .my-ai-visual-art{
    width:100%;
    max-width:430px;
    margin:0 auto;
    mix-blend-mode:multiply;
  }
  .skrot-ai-page .my-ai-mobile-action{
    margin-top:-2px;
  }
  .skrot-ai-page .my-ai-mobile-action .my-ai-cta{
    max-width:390px;
    min-height:56px;
    font-size:15px;
  }
  .skrot-ai-page .my-ai-benefits{
    margin-top:20px;
    gap:6px;
  }
  .skrot-ai-page .my-ai-benefit{
    font-size:10.5px;
  }
  .skrot-ai-page .my-ai-benefit-icon{
    width:42px;
    height:42px;
    margin-bottom:7px;
  }
}

@media (max-width:390px){
  .skrot-ai-page .my-ai-copy h2{
    font-size:39px;
  }
  .skrot-ai-page .my-ai-copy p{
    font-size:15.5px;
  }
}


/* =========================================================
   SECTION 4 — MOJE AI / V13 DESKTOP
   Same proven structure as HERO desktop V7.
   Mobile V12 intentionally remains untouched.
   ========================================================= */
@media (min-width:721px){
  .skrot-ai-page .my-ai-native{
    padding:52px 34px 48px;
  }

  .skrot-ai-page .my-ai-wrap{
    max-width:1280px;
  }

  .skrot-ai-page .my-ai-grid{
    display:grid;
    grid-template-columns:48% 52%;
    align-items:center;
    min-height:600px;
    gap:0;
  }

  .skrot-ai-page .my-ai-copy{
    padding:4px 28px 0 8px;
    position:relative;
    z-index:4;
  }

  .skrot-ai-page .my-ai-copy h2{
    font-size:clamp(50px,4.5vw,68px);
    line-height:1;
    letter-spacing:-.045em;
    max-width:650px;
  }

  .skrot-ai-page .my-ai-copy p{
    max-width:570px;
    font-size:18px;
    line-height:1.38;
    margin-bottom:27px;
  }

  .skrot-ai-page .my-ai-underline{
    width:205px;
    margin:14px 0 24px 100px;
  }

  .skrot-ai-page .my-ai-visual{
    height:585px;
    width:100%;
    margin:0;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    isolation:isolate;
  }

  .skrot-ai-page .my-ai-visual-picture{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
  }

  .skrot-ai-page .my-ai-visual-art{
    display:block;
    height:545px;
    width:auto;
    max-width:100%;
    object-fit:contain;
    margin:0;
    mix-blend-mode:normal;
    filter:drop-shadow(0 20px 30px rgba(47,36,134,.12));
    transform:translateX(-6px);
  }

  .skrot-ai-page .my-ai-benefits{
    margin-top:0;
    padding-top:18px;
  }
}

/* Same tablet behavior as HERO V7 */
@media (max-width:1000px) and (min-width:721px){
  .skrot-ai-page .my-ai-native{
    padding-left:30px;
    padding-right:30px;
  }

  .skrot-ai-page .my-ai-grid{
    grid-template-columns:49% 51%;
    min-height:540px;
  }

  .skrot-ai-page .my-ai-copy h2{
    font-size:50px;
  }

  .skrot-ai-page .my-ai-copy p{
    font-size:17px;
  }

  .skrot-ai-page .my-ai-visual{
    height:565px;
  }

  .skrot-ai-page .my-ai-visual-art{
    height:530px;
    width:auto;
    max-width:100%;
    transform:translateX(-8px);
  }
}


/* =========================================================
   SECTION 5 — OFFER + FAQ + FINAL CTA / V14
   Native HTML/CSS. No full-section screenshots.
   ========================================================= */
.skrot-ai-page .offer-faq-native{
  background:#FDF8F2;
  padding:64px 34px 54px;
}
.skrot-ai-page .offer-faq-wrap{
  max-width:1280px;
  margin:0 auto;
}

/* OFFER TOP */
.skrot-ai-page .offer-top{
  display:grid;
  grid-template-columns:38% 32% 30%;
  gap:28px;
  align-items:center;
  position:relative;
}
.skrot-ai-page .offer-intro{
  align-self:start;
  padding:12px 0 0 8px;
}
.skrot-ai-page .offer-kicker, .skrot-ai-page .price-kicker, .skrot-ai-page .faq-kicker{
  color:#3428df;
  font-weight:800;
  letter-spacing:.28em;
  font-size:13px;
}
.skrot-ai-page .offer-intro h2{
  margin:15px 0 20px;
  max-width:500px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(49px,4.3vw,66px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:500;
  color:#11183f;
}
.skrot-ai-page .offer-intro>p{
  max-width:470px;
  margin:0 0 24px;
  color:#39446d;
  font-size:17px;
  line-height:1.38;
}
.skrot-ai-page .offer-mini-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:28px;
}
.skrot-ai-page .offer-mini-benefits>div{
  min-width:0;
}
.skrot-ai-page .offer-mini-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  margin-bottom:8px;
  background:#F0EEFF;
  color:#3D2EEE;
  font-size:22px;
}
.skrot-ai-page .offer-mini-benefits strong, .skrot-ai-page .offer-mini-benefits small{
  display:block;
}
.skrot-ai-page .offer-mini-benefits strong{
  color:#222D58;
  font-size:11px;
  line-height:1.15;
}
.skrot-ai-page .offer-mini-benefits small{
  color:#5B6487;
  font-size:10px;
  line-height:1.15;
  margin-top:2px;
}

/* PRICE CARD */
.skrot-ai-page .offer-price-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(63,54,159,.09);
  border-radius:26px;
  box-shadow:0 24px 58px rgba(66,48,178,.13);
  padding:26px 20px 20px;
  position:relative;
  z-index:3;
}
.skrot-ai-page .price{
  margin:10px 0 2px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:68px;
  line-height:.95;
  color:#0F1642;
}
.skrot-ai-page .price-lead{
  margin:0 0 16px;
  color:#566083;
  font-size:14px;
}
.skrot-ai-page .price-items{
  border:1px solid rgba(59,52,151,.09);
  border-radius:18px;
  overflow:hidden;
  background:#FFFEFC;
}
.skrot-ai-page .price-item{
  display:grid;
  grid-template-columns:46px 1fr 18px;
  gap:10px;
  align-items:center;
  min-height:75px;
  padding:10px 12px;
}
.skrot-ai-page .price-item+.price-item{
  border-top:1px solid rgba(59,52,151,.08);
}
.skrot-ai-page .price-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#F1EFFF;
  color:#3D2EEE;
  font-size:22px;
}
.skrot-ai-page .price-item strong{
  display:block;
  color:#18204C;
  font-size:12px;
  line-height:1.16;
}
.skrot-ai-page .price-item small{
  display:block;
  margin-top:2px;
  color:#65708F;
  font-size:10px;
  line-height:1.24;
}
.skrot-ai-page .price-chevron{
  color:#384373;
  font-size:26px;
}
.skrot-ai-page .offer-buy-btn, .skrot-ai-page .final-buy-btn{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border-radius:999px;
  background:linear-gradient(97deg,#3623DF,#5030EE);
  color:#fff;
  font-weight:700;
  box-shadow:0 14px 28px rgba(62,42,226,.19);
}
.skrot-ai-page .offer-buy-btn{
  margin-top:14px;
  font-size:13px;
}
.skrot-ai-page .offer-buy-btn span, .skrot-ai-page .final-buy-btn span{
  font-size:23px;
}
.skrot-ai-page .price-meta{
  margin-top:11px;
  text-align:center;
  color:#66708E;
  font-size:9px;
  line-height:1.35;
}

/* DECORATIVE RIGHT VISUAL - native CSS */
.skrot-ai-page .offer-visual{
  position:relative;
  min-height:500px;
  align-self:stretch;
}
.skrot-ai-page .offer-visual:before{
  content:"";
  position:absolute;
  width:380px;
  height:400px;
  left:-30px;
  top:45px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(97,76,255,.25),rgba(97,76,255,0) 68%);
  filter:blur(24px);
}
.skrot-ai-page .laptop{
  position:absolute;
  width:310px;
  right:4px;
  top:85px;
  transform:rotate(5deg);
  filter:drop-shadow(0 20px 26px rgba(29,28,70,.16));
}
.skrot-ai-page .laptop-screen{
  height:190px;
  border:10px solid #15172D;
  border-bottom-width:13px;
  border-radius:17px 17px 10px 10px;
  background:#FBF9F5;
  overflow:hidden;
}
.skrot-ai-page .laptop-topbar{
  height:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 11px;
  font-size:8px;
  color:#5E6684;
  background:#fff;
  border-bottom:1px solid #ECEAF3;
}
.skrot-ai-page .laptop-ui{
  display:grid;
  grid-template-columns:39% 61%;
  height:calc(100% - 32px);
}
.skrot-ai-page .laptop-sidebar{
  padding:12px 8px;
  border-right:1px solid #E7E4F1;
  font-size:8px;
  color:#6E7693;
}
.skrot-ai-page .laptop-sidebar span{
  display:block;
  padding:6px 5px;
  border-radius:6px;
}
.skrot-ai-page .laptop-sidebar .active{
  color:#3428DF;
  background:#EFEDFF;
  font-weight:700;
}
.skrot-ai-page .laptop-content{
  padding:18px 14px;
}
.skrot-ai-page .ui-title, .skrot-ai-page .ui-line{
  height:8px;
  border-radius:999px;
  background:#ECEBF2;
  margin-bottom:10px;
}
.skrot-ai-page .ui-title{
  width:46%;
  height:13px;
  background:#DBD8ED;
}
.skrot-ai-page .ui-line.w80{width:80%}
.skrot-ai-page .ui-line.w65{width:65%}
.skrot-ai-page .ui-line.w90{width:90%}
.skrot-ai-page .laptop-base{
  width:345px;
  height:14px;
  margin-left:-17px;
  margin-top:-2px;
  border-radius:4px 4px 14px 14px;
  background:linear-gradient(#C6C8D2,#ECEEF2);
  box-shadow:0 5px 10px rgba(38,42,64,.13);
}
.skrot-ai-page .offer-float{
  position:absolute;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(62,50,173,.09);
  border-radius:15px;
  box-shadow:0 14px 32px rgba(60,42,175,.12);
  color:#202953;
}
.skrot-ai-page .offer-float-list{
  width:158px;
  right:170px;
  top:48px;
  padding:13px 15px;
  transform:rotate(-5deg);
}
.skrot-ai-page .offer-float-list span{
  display:block;
  padding:7px 0;
  font-size:11px;
}
.skrot-ai-page .offer-float-ready{
  width:190px;
  right:-2px;
  top:240px;
  padding:16px;
  transform:rotate(5deg);
}
.skrot-ai-page .offer-float-ready strong{
  display:block;
  margin-bottom:9px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
}
.skrot-ai-page .offer-float-ready span{
  display:block;
  padding:7px 0;
  font-size:11px;
  color:#4A547A;
}

/* FAQ */
.skrot-ai-page .faq-native{
  margin-top:58px;
  padding-top:34px;
  border-top:1px solid rgba(39,46,85,.08);
}
.skrot-ai-page .faq-head{
  display:grid;
  grid-template-columns:42% 58%;
  gap:48px;
  align-items:end;
  margin-bottom:20px;
}
.skrot-ai-page .faq-head h2{
  margin:9px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4vw,58px);
  line-height:.93;
  letter-spacing:-.04em;
  font-weight:500;
  color:#11183F;
}
.skrot-ai-page .faq-head>p{
  max-width:420px;
  margin:0 0 8px;
  color:#455176;
  font-size:15px;
  line-height:1.35;
}
.skrot-ai-page .faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
}
.skrot-ai-page .faq-grid details{
  border:1px solid rgba(57,51,139,.12);
  border-radius:13px;
  background:rgba(255,255,255,.45);
  overflow:hidden;
}
.skrot-ai-page .faq-grid summary{
  list-style:none;
  min-height:50px;
  padding:0 54px 0 17px;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer;
  color:#25305D;
  font-size:13px;
  font-weight:600;
}
.skrot-ai-page .faq-grid summary::-webkit-details-marker{display:none}
.skrot-ai-page .faq-grid summary:after{
  content:"+";
  position:absolute;
  right:12px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#EEEAFE;
  color:#4533EA;
  font-size:19px;
  font-weight:500;
}
.skrot-ai-page .faq-grid details[open] summary:after{
  content:"−";
}
.skrot-ai-page .faq-answer{
  padding:0 17px 16px;
  color:#5A6485;
  font-size:12px;
  line-height:1.45;
}

/* FINAL CTA */
.skrot-ai-page .final-cta{
  margin-top:26px;
  min-height:172px;
  display:grid;
  grid-template-columns:31% 38% 31%;
  gap:20px;
  align-items:center;
  padding:24px 30px;
  border-radius:22px;
  background:
    radial-gradient(circle at 19% 53%,rgba(111,76,255,.55),rgba(111,76,255,0) 31%),
    radial-gradient(circle at 56% 50%,rgba(79,54,216,.31),rgba(79,54,216,0) 42%),
    linear-gradient(135deg,#12173F,#101642 55%,#141846);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.skrot-ai-page .final-cta:before{
  content:"";
  position:absolute;
  inset:auto 20% -54px 20%;
  height:90px;
  background:radial-gradient(ellipse,rgba(100,77,255,.65),rgba(100,77,255,0) 70%);
  filter:blur(18px);
}
.skrot-ai-page .final-cta-cards{
  position:relative;
  height:110px;
}
.skrot-ai-page .final-chip{
  position:absolute;
  display:block;
  border-radius:11px;
  padding:10px 15px;
  background:rgba(255,255,255,.95);
  color:#29325F;
  box-shadow:0 10px 24px rgba(10,12,39,.18);
  font-size:10px;
}
.skrot-ai-page .chip-one{left:42px;top:0;transform:rotate(5deg)}
.skrot-ai-page .chip-two{left:0;top:48px;transform:rotate(-6deg)}
.skrot-ai-page .chip-three{left:150px;top:52px;transform:rotate(7deg)}
.skrot-ai-page .final-cta-copy{
  text-align:center;
  position:relative;
  z-index:2;
}
.skrot-ai-page .final-cta-copy h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  line-height:1.05;
  font-weight:500;
}
.skrot-ai-page .final-underline{
  width:125px;
  height:3px;
  margin:13px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,#725FFF,#BCB2FF,#725FFF);
  transform:rotate(-4deg);
}
.skrot-ai-page .final-cta-action{
  position:relative;
  z-index:2;
}
.skrot-ai-page .final-buy-btn{
  min-height:52px;
  padding:0 20px;
  font-size:12px;
}
.skrot-ai-page .final-cta-action p{
  margin:10px 0 0;
  text-align:center;
  color:#C7CAE0;
  font-size:9px;
  line-height:1.35;
}

/* Tablet */
@media (max-width:1050px) and (min-width:721px){
  .skrot-ai-page .offer-top{
    grid-template-columns:42% 34% 24%;
    gap:18px;
  }
  .skrot-ai-page .offer-intro h2{font-size:50px}
  .skrot-ai-page .offer-intro>p{font-size:15px}
  .skrot-ai-page .offer-mini-benefits{grid-template-columns:repeat(2,1fr)}
  .skrot-ai-page .offer-visual{min-height:470px}
  .skrot-ai-page .laptop{width:260px;right:-34px}
  .skrot-ai-page .laptop-base{width:290px}
  .skrot-ai-page .offer-float-list{right:95px}
  .skrot-ai-page .offer-float-ready{right:-28px;width:165px}
}

/* Mobile */
@media (max-width:720px){
  .skrot-ai-page .offer-faq-native{
    padding:38px 14px 30px;
    background:#FDF8F2;
  }
  .skrot-ai-page .offer-faq-wrap{
    max-width:430px;
  }

  .skrot-ai-page .offer-top{
    display:flex;
    flex-direction:column;
    gap:18px;
  }
  .skrot-ai-page .offer-intro{
    width:100%;
    padding:0;
  }
  .skrot-ai-page .offer-kicker{
    font-size:11px;
    letter-spacing:.28em;
  }
  .skrot-ai-page .offer-intro h2{
    margin:11px 0 12px;
    max-width:none;
    font-size:clamp(37px,10vw,46px);
    line-height:.99;
  }
  .skrot-ai-page .offer-intro>p{
    margin-bottom:0;
    font-size:15px;
    line-height:1.35;
  }
  .skrot-ai-page .offer-mini-benefits{
    display:none;
  }

  .skrot-ai-page .offer-price-card{
    width:100%;
    padding:20px 12px 14px;
    border-radius:20px;
    box-shadow:0 16px 40px rgba(66,48,178,.10);
  }
  .skrot-ai-page .price-kicker{
    padding-left:6px;
    font-size:11px;
  }
  .skrot-ai-page .price{
    padding-left:6px;
    font-size:61px;
  }
  .skrot-ai-page .price-lead{
    padding-left:6px;
    font-size:13px;
  }
  .skrot-ai-page .price-item{
    grid-template-columns:42px 1fr 18px;
    min-height:68px;
    padding:8px 9px;
  }
  .skrot-ai-page .price-icon{
    width:38px;
    height:38px;
    font-size:20px;
  }
  .skrot-ai-page .price-item strong{
    font-size:11px;
  }
  .skrot-ai-page .price-item small{
    font-size:9.5px;
  }
  .skrot-ai-page .offer-buy-btn{
    min-height:52px;
    font-size:12px;
    padding:0 12px;
  }
  .skrot-ai-page .price-meta{
    font-size:8.5px;
  }
  .skrot-ai-page .offer-visual{
    display:none;
  }

  .skrot-ai-page .faq-native{
    margin-top:22px;
    padding-top:22px;
  }
  .skrot-ai-page .faq-head{
    display:block;
    margin-bottom:13px;
  }
  .skrot-ai-page .faq-kicker{
    font-size:10px;
    letter-spacing:.22em;
  }
  .skrot-ai-page .faq-head h2{
    margin-top:6px;
    font-size:38px;
    line-height:.98;
  }
  .skrot-ai-page .faq-head>p{
    display:none;
  }
  .skrot-ai-page .faq-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .skrot-ai-page .faq-grid summary{
    min-height:47px;
    padding-left:13px;
    padding-right:48px;
    font-size:11px;
  }
  .skrot-ai-page .faq-grid summary:after{
    width:27px;
    height:27px;
    right:9px;
  }
  .skrot-ai-page .faq-answer{
    padding:0 13px 13px;
    font-size:11px;
  }

  .skrot-ai-page .final-cta{
    margin-top:22px;
    min-height:0;
    display:block;
    padding:28px 20px 24px;
    border-radius:18px;
  }
  .skrot-ai-page .final-cta-cards{
    display:none;
  }
  .skrot-ai-page .final-cta-copy h2{
    font-size:29px;
    line-height:1.06;
  }
  .skrot-ai-page .final-underline{
    margin-bottom:20px;
  }
  .skrot-ai-page .final-buy-btn{
    max-width:350px;
    margin:0 auto;
    min-height:52px;
    padding:0 12px;
    font-size:12px;
  }
  .skrot-ai-page .final-cta-action p{
    display:none;
  }
}

@media (max-width:390px){
  .skrot-ai-page .offer-intro h2{font-size:37px}
  .skrot-ai-page .price{font-size:56px}
  .skrot-ai-page .final-cta-copy h2{font-size:27px}
}


/* =========================================================
   SECTION 6 — JEDEN SYSTEM / CZTERY PRAKTYCZNE CZĘŚCI / V15
   Native HTML/CSS — no full-section image.
   ========================================================= */
.skrot-ai-page .four-parts-native{
  background:#FDF8F2;
  padding:58px 34px 62px;
}
.skrot-ai-page .four-parts-wrap{
  max-width:1280px;
  margin:0 auto;
}
.skrot-ai-page .four-parts-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:34px;
  align-items:start;
  margin-bottom:28px;
}
.skrot-ai-page .four-parts-kicker{
  color:#3428DF;
  font-size:13px;
  font-weight:800;
  letter-spacing:.32em;
  margin-bottom:10px;
}
.skrot-ai-page .four-parts-header h2{
  margin:0;
  color:#11183F;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,5vw,74px);
  line-height:.94;
  letter-spacing:-.048em;
  font-weight:500;
}
.skrot-ai-page .four-parts-header p{
  max-width:560px;
  margin:15px 0 0;
  color:#34416B;
  font-size:19px;
  line-height:1.32;
}
.skrot-ai-page .four-parts-note{
  padding-top:13px;
  color:#5548D7;
  font-family:"Comic Sans MS","Segoe Print",cursive;
  font-size:17px;
  line-height:1.24;
  transform:rotate(-4deg);
}
.skrot-ai-page .four-parts-note span{display:block}
.skrot-ai-page .four-parts-note i{
  display:block;
  width:90px;
  height:60px;
  margin:4px 0 0 10px;
  border-left:2px solid #7466F7;
  border-bottom:2px solid #7466F7;
  border-radius:0 0 0 70px;
  transform:rotate(-18deg);
}

.skrot-ai-page .four-parts-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.skrot-ai-page .product-part{
  position:relative;
  min-height:352px;
  display:grid;
  grid-template-columns:43% 57%;
  gap:12px;
  padding:24px 24px 22px;
  overflow:hidden;
  border-radius:25px;
  border:1px solid rgba(66,55,169,.08);
  background:rgba(255,255,255,.66);
  box-shadow:0 15px 40px rgba(54,41,156,.06);
}
.skrot-ai-page .product-part:before{
  content:"";
  position:absolute;
  width:360px;
  height:300px;
  right:-45px;
  bottom:-35px;
  background:radial-gradient(circle,rgba(99,77,255,.17),rgba(99,77,255,0) 68%);
  filter:blur(15px);
  pointer-events:none;
}
.skrot-ai-page .part-copy{
  position:relative;
  z-index:3;
}
.skrot-ai-page .part-heading{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:13px;
  align-items:start;
}
.skrot-ai-page .part-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#EFEDFF;
  color:#3525EC;
  font-size:30px;
}
.skrot-ai-page .part-number{
  display:block;
  color:#3428DF;
  font-family:Arial,sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:800;
  margin-bottom:5px;
}
.skrot-ai-page .part-heading h3{
  margin:0;
  color:#131A46;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:.98;
  font-weight:600;
}
.skrot-ai-page .part-copy>p{
  margin:20px 0 15px;
  color:#334069;
  font-size:16px;
  line-height:1.3;
}
.skrot-ai-page .part-bullets{
  list-style:none;
  margin:0;
  padding:0;
}
.skrot-ai-page .part-bullets li{
  position:relative;
  padding:7px 0 7px 33px;
  color:#3F4A72;
  font-size:13px;
  line-height:1.2;
}
.skrot-ai-page .part-bullets li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:5px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F0EEFF;
  color:#3728E9;
  font-weight:800;
  font-size:12px;
}
.skrot-ai-page .part-visual{
  position:relative;
  min-width:0;
  z-index:2;
}
.skrot-ai-page .mobile-part-arrow{
  display:none;
}

/* 01 — System */
.skrot-ai-page .system-visual{
  min-height:290px;
}
.skrot-ai-page .mini-laptop{
  position:absolute;
  width:310px;
  right:8px;
  top:42px;
  transform:rotate(.5deg);
  filter:drop-shadow(0 18px 25px rgba(28,27,78,.16));
}
.skrot-ai-page .mini-screen{
  height:180px;
  display:grid;
  grid-template-columns:37% 63%;
  overflow:hidden;
  border:8px solid #15162D;
  border-radius:14px 14px 6px 6px;
  background:#fff;
}
.skrot-ai-page .mini-sidebar{
  padding:15px 9px;
  border-right:1px solid #E7E5F0;
  background:#FBFAFE;
  color:#555E80;
  font-size:8px;
}
.skrot-ai-page .mini-sidebar b{
  display:block;
  margin-bottom:11px;
  color:#272F61;
}
.skrot-ai-page .mini-sidebar span{
  display:block;
  padding:6px 6px;
  border-radius:6px;
}
.skrot-ai-page .mini-sidebar .on{
  color:#3527E8;
  background:#EEEAFE;
  font-weight:700;
}
.skrot-ai-page .mini-content{
  padding:18px 16px;
  color:#2A345F;
}
.skrot-ai-page .mini-content>strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  color:#171D4B;
}
.skrot-ai-page .mini-content>small{
  display:block;
  margin:4px 0 10px;
  line-height:1.25;
  font-size:8px;
}
.skrot-ai-page .step{
  display:grid;
  grid-template-columns:21px 1fr;
  gap:6px;
  align-items:center;
  margin:6px 0;
  font-size:8px;
}
.skrot-ai-page .step::first-letter{
  color:#fff;
}
.skrot-ai-page .step{
  color:#fff;
  font-weight:700;
}
.skrot-ai-page .step span{
  color:#38436D;
  font-weight:500;
}
.skrot-ai-page .step{
  position:relative;
}
.skrot-ai-page .step:before{
  content:"";
  position:absolute;
  left:-2px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#3727E8;
  z-index:-1;
}
.skrot-ai-page .mini-laptop-base{
  width:336px;
  height:13px;
  margin-left:-13px;
  margin-top:-1px;
  border-radius:4px 4px 12px 12px;
  background:linear-gradient(#C6C8D1,#ECEEF3);
}
.skrot-ai-page .plant{
  position:absolute;
  right:5px;
  top:104px;
  width:62px;
  height:88px;
}
.skrot-ai-page .plant b{
  position:absolute;
  bottom:0;
  left:15px;
  width:36px;
  height:35px;
  border-radius:3px 3px 10px 10px;
  background:linear-gradient(#fff,#e8e8ed);
  box-shadow:0 6px 10px rgba(34,38,61,.12);
}
.skrot-ai-page .plant i{
  position:absolute;
  width:17px;
  height:47px;
  bottom:27px;
  left:26px;
  border-radius:80% 10% 80% 10%;
  background:linear-gradient(180deg,#70A66C,#2D6C47);
  transform-origin:bottom center;
}
.skrot-ai-page .plant i:nth-child(1){transform:rotate(-36deg)}
.skrot-ai-page .plant i:nth-child(2){transform:rotate(4deg);height:54px}
.skrot-ai-page .plant i:nth-child(3){transform:rotate(34deg)}
.skrot-ai-page .part-tag{
  position:absolute;
  right:-4px;
  bottom:0;
  padding:11px 13px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 24px rgba(62,44,170,.12);
  color:#2F3970;
  font-size:11px;
  line-height:1.25;
  transform:rotate(-4deg);
}

/* 02 — 50 situations */
.skrot-ai-page .situations-visual{
  min-height:290px;
}
.skrot-ai-page .situations-panel{
  position:absolute;
  width:215px;
  left:8px;
  bottom:0;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.95);
  box-shadow:0 14px 30px rgba(56,42,160,.10);
  transform:rotate(-2deg);
}
.skrot-ai-page .situations-panel strong{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  color:#25305D;
}
.skrot-ai-page .fake-search{
  margin-bottom:7px;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid #E8E5F2;
  color:#9BA0B7;
  font-size:8px;
}
.skrot-ai-page .situations-panel span{
  display:block;
  padding:5px 0;
  color:#505A7D;
  font-size:8.5px;
}
.skrot-ai-page .example-card{
  position:absolute;
  width:170px;
  right:0;
  top:34px;
  padding:15px;
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 30px rgba(56,42,160,.11);
  transform:rotate(5deg);
}
.skrot-ai-page .example-card small{
  display:block;
  margin-bottom:8px;
  color:#66708E;
  font-size:8px;
}
.skrot-ai-page .example-card strong{
  display:block;
  margin-bottom:12px;
  color:#18204B;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.04;
}
.skrot-ai-page .example-card span{
  display:block;
  padding:4px 0;
  color:#455077;
  font-size:8px;
}

/* 03 — SOS */
.skrot-ai-page .sos-visual{
  min-height:290px;
}
.skrot-ai-page .sos-fan{
  position:absolute;
  width:126px;
  height:205px;
  left:50%;
  top:55%;
  transform-origin:50% 95%;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(51,40,149,.11);
}
.skrot-ai-page .fan-a{
  background:#55D5C9;
  transform:translate(-78%,-50%) rotate(-17deg);
}
.skrot-ai-page .fan-b{
  background:#85A7FF;
  transform:translate(-65%,-52%) rotate(-8deg);
}
.skrot-ai-page .fan-c{
  background:#B78AF9;
  transform:translate(-37%,-52%) rotate(12deg);
}
.skrot-ai-page .sos-card{
  position:absolute;
  width:152px;
  height:220px;
  left:51%;
  top:51%;
  transform:translate(-44%,-50%) rotate(2deg);
  padding:15px;
  border-radius:14px;
  background:linear-gradient(180deg,#FFE8D7,#FFF8F3 42%,#FFF 100%);
  box-shadow:0 16px 32px rgba(64,46,167,.14);
}
.skrot-ai-page .sos-label{
  display:inline-block;
  padding:4px 7px;
  margin-bottom:10px;
  border-radius:7px;
  background:#FFE3DC;
  color:#F24C3D;
  font-size:9px;
  font-weight:800;
}
.skrot-ai-page .sos-card strong{
  display:block;
  margin-bottom:13px;
  color:#18204B;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.02;
}
.skrot-ai-page .sos-card span:not(.sos-label){
  display:block;
  padding:4px 0;
  color:#455077;
  font-size:8.5px;
}

/* 04 — MOJE AI */
.skrot-ai-page .moje-ai-part-visual{
  min-height:290px;
}
.skrot-ai-page .part-phone{
  position:absolute;
  width:205px;
  right:4px;
  bottom:-38px;
  filter:drop-shadow(0 17px 25px rgba(28,27,75,.16));
}
.skrot-ai-page .my-ai-result-card{
  position:absolute;
  right:-2px;
  bottom:10px;
  width:140px;
  min-height:92px;
  padding:14px 12px;
  display:grid;
  grid-template-columns:26px 1fr;
  gap:8px;
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:0 13px 27px rgba(59,43,168,.13);
  color:#1F2858;
  transform:rotate(-3deg);
}
.skrot-ai-page .my-ai-result-card>span{
  color:#3727E9;
  font-size:24px;
}
.skrot-ai-page .my-ai-result-card strong{
  font-size:11px;
  line-height:1.14;
}

/* Tablet */
@media (max-width:1050px) and (min-width:721px){
  .skrot-ai-page .four-parts-header h2{font-size:56px}
  .skrot-ai-page .product-part{
    grid-template-columns:46% 54%;
    min-height:340px;
    padding:21px;
  }
  .skrot-ai-page .part-heading h3{font-size:25px}
  .skrot-ai-page .part-copy>p{font-size:15px}
  .skrot-ai-page .part-bullets li{font-size:12px}
  .skrot-ai-page .mini-laptop{width:270px;right:-6px}
  .skrot-ai-page .mini-laptop-base{width:294px}
  .skrot-ai-page .situations-panel{width:190px}
  .skrot-ai-page .example-card{width:155px}
}

/* Mobile */
@media (max-width:720px){
  .skrot-ai-page .four-parts-native{
    padding:42px 14px 40px;
    background:#FDF8F2;
  }
  .skrot-ai-page .four-parts-wrap{
    max-width:430px;
  }
  .skrot-ai-page .four-parts-header{
    display:block;
    margin-bottom:22px;
  }
  .skrot-ai-page .four-parts-note{
    display:none;
  }
  .skrot-ai-page .four-parts-kicker{
    font-size:11px;
    letter-spacing:.3em;
  }
  .skrot-ai-page .four-parts-header h2{
    margin-top:7px;
    font-size:clamp(42px,11.3vw,50px);
    line-height:.96;
  }
  .skrot-ai-page .four-parts-header p{
    margin-top:14px;
    font-size:17px;
    line-height:1.32;
  }

  .skrot-ai-page .four-parts-grid{
    grid-template-columns:1fr;
    gap:11px;
  }
  .skrot-ai-page .product-part{
    min-height:218px;
    grid-template-columns:52% 48%;
    gap:4px;
    padding:18px 16px;
    border-radius:20px;
    align-items:center;
  }
  .skrot-ai-page .product-part:before{
    width:230px;
    height:220px;
    right:-40px;
    bottom:-50px;
  }
  .skrot-ai-page .part-heading{
    grid-template-columns:49px 1fr;
    gap:9px;
  }
  .skrot-ai-page .part-icon{
    width:46px;
    height:46px;
    font-size:25px;
  }
  .skrot-ai-page .part-number{
    font-size:17px;
    margin-bottom:4px;
  }
  .skrot-ai-page .part-heading h3{
    font-size:22px;
    line-height:.98;
  }
  .skrot-ai-page .part-copy>p{
    margin:13px 0 0;
    max-width:190px;
    font-size:15px;
    line-height:1.28;
  }
  .skrot-ai-page .part-bullets{
    display:none;
  }
  .skrot-ai-page .part-visual{
    min-height:182px;
  }
  .skrot-ai-page .mobile-part-arrow{
    display:grid;
    place-items:center;
    position:absolute;
    right:12px;
    top:50%;
    width:45px;
    height:45px;
    transform:translateY(-50%);
    border-radius:50%;
    background:#fff;
    box-shadow:0 9px 22px rgba(55,42,154,.12);
    color:#3727E9;
    font-size:38px;
    font-family:Arial,sans-serif;
    z-index:10;
  }

  /* Mobile system */
  .skrot-ai-page .mini-laptop{
    width:177px;
    right:-8px;
    top:41px;
  }
  .skrot-ai-page .mini-screen{
    height:108px;
    border-width:6px;
    grid-template-columns:44% 56%;
  }
  .skrot-ai-page .mini-sidebar{
    padding:7px 4px;
    font-size:5px;
  }
  .skrot-ai-page .mini-sidebar b{margin-bottom:4px}
  .skrot-ai-page .mini-sidebar span{padding:3px 2px}
  .skrot-ai-page .mini-content{
    padding:9px 7px;
  }
  .skrot-ai-page .mini-content>strong{font-size:10px}
  .skrot-ai-page .mini-content>small{font-size:4.5px;margin-bottom:5px}
  .skrot-ai-page .step{
    margin:3px 0;
    grid-template-columns:11px 1fr;
    font-size:4.5px;
  }
  .skrot-ai-page .step:before{
    width:10px;
    height:10px;
  }
  .skrot-ai-page .mini-laptop-base{
    width:193px;
    height:8px;
    margin-left:-8px;
  }
  .skrot-ai-page .plant{
    transform:scale(.58);
    transform-origin:bottom right;
    right:-2px;
    top:74px;
  }
  .skrot-ai-page .part-tag{display:none}

  /* Mobile situations */
  .skrot-ai-page .situations-panel{
    width:135px;
    left:2px;
    bottom:13px;
    padding:9px;
  }
  .skrot-ai-page .situations-panel strong{font-size:8px}
  .skrot-ai-page .fake-search{font-size:5px;padding:4px 5px}
  .skrot-ai-page .situations-panel span{font-size:5.5px;padding:3px 0}
  .skrot-ai-page .example-card{
    width:107px;
    right:-2px;
    top:18px;
    padding:10px;
  }
  .skrot-ai-page .example-card small{font-size:5px;margin-bottom:5px}
  .skrot-ai-page .example-card strong{font-size:10px;margin-bottom:6px}
  .skrot-ai-page .example-card span{font-size:5px;padding:2px 0}

  /* Mobile SOS */
  .skrot-ai-page .sos-fan{
    width:84px;
    height:132px;
  }
  .skrot-ai-page .sos-card{
    width:100px;
    height:142px;
    padding:10px;
  }
  .skrot-ai-page .sos-label{
    margin-bottom:6px;
    padding:3px 5px;
    font-size:6px;
  }
  .skrot-ai-page .sos-card strong{
    margin-bottom:7px;
    font-size:12px;
  }
  .skrot-ai-page .sos-card span:not(.sos-label){
    font-size:5.5px;
    padding:2px 0;
  }

  /* Mobile MOJE AI */
  .skrot-ai-page .part-phone{
    width:145px;
    right:-5px;
    bottom:-31px;
  }
  .skrot-ai-page .my-ai-result-card{
    display:none;
  }
}

@media (max-width:390px){
  .skrot-ai-page .four-parts-header h2{font-size:42px}
  .skrot-ai-page .product-part{
    grid-template-columns:54% 46%;
    padding-left:13px;
    padding-right:12px;
  }
  .skrot-ai-page .part-copy>p{font-size:14px}
  .skrot-ai-page .part-heading h3{font-size:20px}
}


/* =========================================================
   V16 — precision corrections for FOUR PARTS section
   ========================================================= */

/* ---------- Desktop review / containment ---------- */
@media (min-width:1051px){
  .skrot-ai-page .four-parts-grid{
    align-items:stretch;
  }

  .skrot-ai-page .product-part{
    min-height:350px;
    grid-template-columns:44% 56%;
    padding:23px 23px 21px;
  }

  .skrot-ai-page .part-visual{
    overflow:visible;
  }

  /* 01 System — keep laptop safely inside the card */
  .skrot-ai-page .part-system .mini-laptop{
    width:292px;
    right:4px;
    top:48px;
  }
  .skrot-ai-page .part-system .mini-laptop-base{
    width:316px;
    margin-left:-12px;
  }
  .skrot-ai-page .part-system .plant{
    right:5px;
    top:108px;
    transform:scale(.92);
    transform-origin:bottom right;
  }
  .skrot-ai-page .part-system .part-tag{
    right:2px;
    bottom:4px;
  }

  /* 02 Situations — avoid edge collisions */
  .skrot-ai-page .part-situations .situations-panel{
    width:202px;
    left:2px;
    bottom:7px;
  }
  .skrot-ai-page .part-situations .example-card{
    width:158px;
    right:0;
    top:35px;
  }

  /* 03 SOS — slightly more centered */
  .skrot-ai-page .part-sos .sos-fan{
    top:54%;
  }
  .skrot-ai-page .part-sos .sos-card{
    left:52%;
    top:51%;
  }

  /* 04 MOJE AI — keep phone and result card within the desktop tile */
  .skrot-ai-page .part-moje-ai .part-phone{
    width:188px;
    right:6px;
    bottom:-12px;
    transform:rotate(-2deg);
  }
  .skrot-ai-page .part-moje-ai .my-ai-result-card{
    width:132px;
    right:2px;
    bottom:18px;
  }
}

/* ---------- Tablet containment ---------- */
@media (max-width:1050px) and (min-width:721px){
  .skrot-ai-page .part-moje-ai .part-phone{
    width:168px;
    right:2px;
    bottom:-8px;
    transform:rotate(-2deg);
  }
  .skrot-ai-page .part-moje-ai .my-ai-result-card{
    width:122px;
    right:0;
    bottom:18px;
  }
}

/* ---------- Mobile fix ---------- */
@media (max-width:720px){
  .skrot-ai-page .part-moje-ai{
    min-height:228px;
  }

  .skrot-ai-page .part-moje-ai .moje-ai-part-visual{
    min-height:184px;
    height:184px;
    overflow:visible;
  }

  /* V15 used a 145px-wide phone with negative bottom,
     which caused the device to be visibly cut off.
     V16 sizes it by height and keeps the whole device inside the card. */
  .skrot-ai-page .part-moje-ai .part-phone{
    width:auto;
    height:178px;
    max-width:116px;
    object-fit:contain;
    right:8px;
    top:3px;
    bottom:auto;
    transform:rotate(-2deg);
    filter:drop-shadow(0 12px 18px rgba(28,27,75,.14));
  }

  .skrot-ai-page .part-moje-ai .mobile-part-arrow{
    right:13px;
    top:52%;
  }
}

@media (max-width:390px){
  .skrot-ai-page .part-moje-ai{
    min-height:222px;
  }

  .skrot-ai-page .part-moje-ai .moje-ai-part-visual{
    min-height:178px;
    height:178px;
  }

  .skrot-ai-page .part-moje-ai .part-phone{
    height:170px;
    max-width:110px;
    right:5px;
    top:4px;
  }
}


/* =========================================================
   V17 — MOJE AI PHONE COMPOSITION FIX
   Match reference: larger angled phone, intentionally cropped
   by the card edge rather than shrunk to fit.
   ========================================================= */

/* Desktop */
@media (min-width:721px){
  .skrot-ai-page .part-moje-ai{
    overflow:hidden;
  }

  .skrot-ai-page .part-moje-ai .moje-ai-part-visual{
    min-height:300px;
    height:300px;
    overflow:visible;
  }

  .skrot-ai-page .part-moje-ai .part-phone{
    width:228px;
    height:auto;
    max-width:none;
    right:-12px;
    top:30px;
    bottom:auto;
    transform:rotate(-5deg);
    transform-origin:center center;
    filter:drop-shadow(0 18px 27px rgba(28,27,75,.16));
  }

  .skrot-ai-page .part-moje-ai .my-ai-result-card{
    display:grid;
    width:146px;
    right:-1px;
    bottom:14px;
    z-index:5;
  }
}

/* Mobile — match the supplied reference more closely */
@media (max-width:720px){
  .skrot-ai-page .part-moje-ai{
    min-height:226px;
    overflow:hidden;
  }

  .skrot-ai-page .part-moje-ai .moje-ai-part-visual{
    min-height:190px;
    height:190px;
    overflow:visible;
  }

  .skrot-ai-page .part-moje-ai .part-phone{
    width:178px;
    height:auto;
    max-width:none;
    right:-18px;
    top:20px;
    bottom:auto;
    object-fit:contain;
    transform:rotate(-6deg);
    transform-origin:center center;
    filter:drop-shadow(0 14px 20px rgba(28,27,75,.15));
  }

  .skrot-ai-page .part-moje-ai .mobile-part-arrow{
    right:12px;
    top:53%;
    z-index:8;
  }
}

@media (max-width:390px){
  .skrot-ai-page .part-moje-ai{
    min-height:220px;
  }

  .skrot-ai-page .part-moje-ai .moje-ai-part-visual{
    height:184px;
    min-height:184px;
  }

  .skrot-ai-page .part-moje-ai .part-phone{
    width:168px;
    right:-20px;
    top:20px;
  }
}


/* =========================================================
   SECTION 7 — "MASZ CHATGPT" / V18
   Native HTML/CSS
   ========================================================= */
.skrot-ai-page .chatgpt-compare-native{
  background:#FDF8F2;
  padding:62px 34px 58px;
}
.skrot-ai-page .chatgpt-compare-wrap{
  max-width:1280px;
  margin:0 auto;
}

/* TOP */
.skrot-ai-page .chatgpt-top{
  display:grid;
  grid-template-columns:40% 60%;
  gap:30px;
  align-items:start;
}
.skrot-ai-page .compare-kicker{
  color:#3428DF;
  font-size:13px;
  font-weight:800;
  letter-spacing:.28em;
  margin-bottom:18px;
}
.skrot-ai-page .chatgpt-copy{
  padding-top:22px;
}
.skrot-ai-page .chatgpt-copy h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(50px,4.7vw,70px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:500;
  color:#11183F;
}
.skrot-ai-page .chatgpt-copy h2 span{
  color:#3A2EE5;
}
.skrot-ai-page .chatgpt-copy>p{
  max-width:490px;
  margin:34px 0 0;
  color:#313C68;
  font-size:18px;
  line-height:1.42;
}

/* comparison cards */
.skrot-ai-page .compare-cards{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.07fr;
  gap:14px;
  align-items:start;
  padding:86px 0 12px;
}
.skrot-ai-page .compare-cards:before{
  content:"";
  position:absolute;
  inset:40px -20px -10px;
  background:
    radial-gradient(circle at 44% 40%,rgba(100,79,255,.18),rgba(100,79,255,0) 42%),
    radial-gradient(circle at 75% 52%,rgba(104,82,255,.14),rgba(104,82,255,0) 45%);
  filter:blur(18px);
  pointer-events:none;
}
.skrot-ai-page .compare-panel{
  position:relative;
  z-index:2;
  border-radius:20px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(63,51,166,.10);
  box-shadow:0 18px 42px rgba(57,44,159,.10);
  padding:18px;
}
.skrot-ai-page .compare-panel-plain{
  transform:rotate(-1.5deg);
}
.skrot-ai-page .compare-panel-skrot{
  transform:rotate(1.3deg);
}
.skrot-ai-page .panel-head{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:12px;
  align-items:start;
  margin-bottom:10px;
}
.skrot-ai-page .panel-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-size:24px;
}
.skrot-ai-page .panel-icon-dark{
  background:#F3F2F7;
  color:#1D274F;
}
.skrot-ai-page .panel-icon-purple{
  background:#3F2DEB;
  color:#fff;
}
.skrot-ai-page .panel-head h3{
  margin:4px 0 4px;
  color:#111940;
  font-size:19px;
  line-height:1.05;
}
.skrot-ai-page .panel-head p{
  margin:0;
  color:#4E597D;
  font-size:12px;
  line-height:1.35;
}
.skrot-ai-page .panel-head-row{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.skrot-ai-page .effect-pill{
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:999px;
  background:#F0EDFF;
  color:#3D2EEA;
  font-size:9px;
  font-weight:700;
}
.skrot-ai-page .panel-intro{
  margin:5px 0 14px;
  color:#3E496F;
  font-size:13px;
  line-height:1.42;
}
.skrot-ai-page .panel-list{
  display:grid;
}
.skrot-ai-page .panel-list>div{
  min-height:58px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:9px;
  align-items:center;
  padding:9px 4px;
  border-top:1px solid rgba(49,58,96,.08);
}
.skrot-ai-page .panel-list>div>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F5F4F8;
  color:#313B65;
  font-size:16px;
}
.skrot-ai-page .panel-list>div>p{
  margin:0;
  color:#4A5579;
  font-size:11px;
  line-height:1.35;
}
.skrot-ai-page .panel-list-positive>div{
  border-radius:12px;
  margin-top:5px;
  border-top:0;
  background:linear-gradient(90deg,#F7F6FF,#FBFAFF);
}
.skrot-ai-page .panel-list-positive>div>span{
  color:#3A2DE8;
  background:#F0EEFF;
}

.skrot-ai-page .compare-handnote{
  position:absolute;
  z-index:4;
  color:#5145D7;
  font-family:"Comic Sans MS","Segoe Print",cursive;
  font-size:15px;
  line-height:1.16;
}
.skrot-ai-page .compare-handnote span{
  display:block;
}
.skrot-ai-page .note-left{
  left:7%;
  top:0;
  transform:rotate(-4deg);
}
.skrot-ai-page .note-right{
  right:5%;
  top:-5px;
  transform:rotate(-5deg);
}
.skrot-ai-page .compare-handnote i{
  display:block;
  width:68px;
  height:46px;
  margin-top:5px;
  border-left:2px solid #7468F5;
  border-bottom:2px solid #7468F5;
  border-radius:0 0 0 60px;
  transform:rotate(-16deg);
}
.skrot-ai-page .note-right i{
  margin-left:-20px;
  transform:scaleX(-1) rotate(-16deg);
}

/* BOTTOM */
.skrot-ai-page .compare-bottom{
  margin-top:28px;
  padding:26px 28px 24px;
  border-radius:24px;
  border:1px solid rgba(61,50,158,.09);
  background:rgba(255,255,255,.65);
  box-shadow:0 15px 38px rgba(57,44,159,.06);
}
.skrot-ai-page .compare-bottom-main{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:center;
  padding-right:30px;
  border-right:1px solid rgba(47,54,91,.12);
}
.skrot-ai-page .bottom-spark{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#F0EEFF;
  color:#3C2CEB;
  font-size:36px;
  box-shadow:0 12px 22px rgba(62,44,177,.08);
}
.skrot-ai-page .compare-bottom{
  display:grid;
  grid-template-columns:47% 53%;
  grid-template-areas:
    "main benefits"
    "action action";
  gap:22px 28px;
}
.skrot-ai-page .compare-bottom-main{
  grid-area:main;
}
.skrot-ai-page .compare-bottom-main h3{
  margin:0;
  color:#11183F;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.03;
  font-weight:500;
}
.skrot-ai-page .compare-bottom-main h3 span{
  color:#3A2DE6;
}
.skrot-ai-page .compare-bottom-benefits{
  grid-area:benefits;
  display:grid;
  gap:12px;
}
.skrot-ai-page .compare-bottom-benefits>div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
}
.skrot-ai-page .compare-bottom-benefits>div>span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F0EEFF;
  color:#3C2CEB;
  font-size:18px;
}
.skrot-ai-page .compare-bottom-benefits p{
  margin:0;
  color:#39446E;
  font-size:12px;
  line-height:1.35;
}
.skrot-ai-page .compare-bottom-action{
  grid-area:action;
  display:grid;
  grid-template-columns:37% 63%;
  gap:25px;
  align-items:center;
}
.skrot-ai-page .compare-buy-btn{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 24px;
  border-radius:999px;
  background:linear-gradient(95deg,#3624DF,#5131EE);
  box-shadow:0 15px 30px rgba(59,42,222,.18);
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.skrot-ai-page .compare-buy-btn span{
  font-size:24px;
}
.skrot-ai-page .compare-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#556083;
  font-size:11px;
}
.skrot-ai-page .compare-meta i{
  width:1px;
  height:28px;
  background:rgba(42,50,89,.13);
}

/* Tablet */
@media (max-width:1050px) and (min-width:721px){
  .skrot-ai-page .chatgpt-top{
    grid-template-columns:39% 61%;
  }
  .skrot-ai-page .chatgpt-copy h2{
    font-size:51px;
  }
  .skrot-ai-page .chatgpt-copy>p{
    font-size:16px;
  }
  .skrot-ai-page .compare-panel{
    padding:15px;
  }
  .skrot-ai-page .panel-list>div>p{
    font-size:10px;
  }
  .skrot-ai-page .compare-bottom-main h3{
    font-size:28px;
  }
}

/* Mobile */
@media (max-width:720px){
  .skrot-ai-page .chatgpt-compare-native{
    padding:42px 14px 38px;
    background:#FDF8F2;
  }
  .skrot-ai-page .chatgpt-compare-wrap{
    max-width:430px;
  }

  .skrot-ai-page .chatgpt-top{
    display:block;
  }
  .skrot-ai-page .chatgpt-copy{
    padding-top:0;
  }
  .skrot-ai-page .compare-kicker{
    font-size:10px;
    letter-spacing:.25em;
    margin-bottom:11px;
  }
  .skrot-ai-page .chatgpt-copy h2{
    font-size:clamp(39px,10.5vw,47px);
    line-height:.98;
  }
  .skrot-ai-page .chatgpt-copy>p{
    margin-top:18px;
    max-width:none;
    font-size:15px;
    line-height:1.38;
  }

  .skrot-ai-page .compare-cards{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding-top:18px;
  }
  .skrot-ai-page .compare-cards:before{
    inset:0 -30px -20px;
  }
  .skrot-ai-page .compare-handnote{
    display:none;
  }
  .skrot-ai-page .compare-panel{
    transform:none;
    padding:16px;
    border-radius:18px;
  }
  .skrot-ai-page .panel-head{
    grid-template-columns:48px 1fr;
  }
  .skrot-ai-page .panel-icon{
    width:46px;
    height:46px;
  }
  .skrot-ai-page .panel-head h3{
    font-size:18px;
  }
  .skrot-ai-page .panel-head p{
    font-size:11px;
  }
  .skrot-ai-page .panel-intro{
    font-size:12px;
  }
  .skrot-ai-page .panel-list>div{
    min-height:48px;
    grid-template-columns:32px 1fr;
    padding:7px 2px;
  }
  .skrot-ai-page .panel-list>div>span{
    width:30px;
    height:30px;
    font-size:14px;
  }
  .skrot-ai-page .panel-list>div>p{
    font-size:10.5px;
  }
  .skrot-ai-page .panel-list-positive>div{
    margin-top:4px;
  }

  .skrot-ai-page .compare-bottom{
    display:block;
    margin-top:12px;
    padding:20px 16px 16px;
    border-radius:18px;
  }
  .skrot-ai-page .compare-bottom-main{
    grid-template-columns:52px 1fr;
    gap:12px;
    padding-right:0;
    border-right:0;
  }
  .skrot-ai-page .bottom-spark{
    width:50px;
    height:50px;
    border-radius:14px;
    font-size:28px;
  }
  .skrot-ai-page .compare-bottom-main h3{
    font-size:27px;
    line-height:1.03;
  }
  .skrot-ai-page .compare-bottom-benefits{
    display:none;
  }
  .skrot-ai-page .compare-bottom-action{
    display:block;
    margin-top:18px;
  }
  .skrot-ai-page .compare-buy-btn{
    min-height:54px;
    width:100%;
    padding:0 14px;
    font-size:12.5px;
  }
  .skrot-ai-page .compare-meta{
    margin-top:18px;
    justify-content:space-between;
    gap:8px;
    font-size:9px;
  }
  .skrot-ai-page .compare-meta span{
    text-align:center;
    flex:1;
  }
  .skrot-ai-page .compare-meta i{
    height:25px;
  }
}

@media (max-width:390px){
  .skrot-ai-page .chatgpt-copy h2{
    font-size:39px;
  }
  .skrot-ai-page .compare-bottom-main h3{
    font-size:25px;
  }
  .skrot-ai-page .compare-buy-btn{
    font-size:12px;
  }
}


/* =========================================================
   V19 — MOBILE POLISH FOR "MASZ CHATGPT" SECTION
   Desktop V18 intentionally untouched.
   ========================================================= */
@media (max-width:720px){

  /* Main copy */
  .skrot-ai-page .chatgpt-copy h2{
    font-size:clamp(41px,11vw,49px);
    line-height:.99;
  }

  .skrot-ai-page .chatgpt-copy>p{
    font-size:16.5px;
    line-height:1.42;
  }

  /* Comparison cards: increase readability */
  .skrot-ai-page .compare-panel{
    padding:18px 17px;
  }

  .skrot-ai-page .panel-head{
    grid-template-columns:52px 1fr;
    gap:12px;
  }

  .skrot-ai-page .panel-icon{
    width:50px;
    height:50px;
    font-size:25px;
  }

  .skrot-ai-page .panel-head h3{
    font-size:20px;
  }

  .skrot-ai-page .panel-head p{
    font-size:12px;
    line-height:1.4;
  }

  .skrot-ai-page .effect-pill{
    padding:7px 10px;
    font-size:10px;
  }

  .skrot-ai-page .panel-intro{
    font-size:13px;
    line-height:1.45;
    margin-bottom:16px;
  }

  .skrot-ai-page .panel-list>div{
    min-height:54px;
    grid-template-columns:35px 1fr;
    gap:10px;
    padding:8px 2px;
  }

  .skrot-ai-page .panel-list>div>span{
    width:33px;
    height:33px;
    font-size:15px;
  }

  .skrot-ai-page .panel-list>div>p{
    font-size:11.7px;
    line-height:1.42;
  }

  /* Bottom value statement */
  .skrot-ai-page .compare-bottom{
    padding:22px 17px 18px;
  }

  .skrot-ai-page .compare-bottom-main{
    grid-template-columns:56px 1fr;
    gap:13px;
  }

  .skrot-ai-page .bottom-spark{
    width:54px;
    height:54px;
    font-size:31px;
  }

  .skrot-ai-page .compare-bottom-main h3{
    font-size:29px;
    line-height:1.04;
  }

  /* CTA alignment + typography */
  .skrot-ai-page .compare-buy-btn{
    min-height:58px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    column-gap:12px;
    padding:0 22px;
    font-size:13.5px;
    line-height:1;
    text-align:center;
  }

  .skrot-ai-page .compare-buy-btn span{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    line-height:1;
    font-size:25px;
    transform:none;
    margin:0;
    padding:0;
  }

  .skrot-ai-page .compare-meta{
    margin-top:18px;
    gap:6px;
    font-size:9.8px;
    line-height:1.25;
  }

  .skrot-ai-page .compare-meta i{
    height:28px;
  }
}

@media (max-width:390px){
  .skrot-ai-page .chatgpt-copy h2{
    font-size:40px;
  }

  .skrot-ai-page .chatgpt-copy>p{
    font-size:16px;
  }

  .skrot-ai-page .panel-head h3{
    font-size:19px;
  }

  .skrot-ai-page .panel-list>div>p{
    font-size:11.3px;
  }

  .skrot-ai-page .compare-bottom-main h3{
    font-size:27px;
  }

  .skrot-ai-page .compare-buy-btn{
    font-size:13px;
    padding:0 18px;
  }

  .skrot-ai-page .compare-buy-btn span{
    font-size:24px;
  }
}


/* =========================================================
   V20 — CTA CLEANUP
   Remove decorative arrows from all CTA buttons and center text.
   ========================================================= */

.skrot-ai-page .hero-cta, .skrot-ai-page .my-ai-cta, .skrot-ai-page .offer-buy-btn, .skrot-ai-page .final-buy-btn, .skrot-ai-page .compare-buy-btn{
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
}

/* V19 used a 2-column CTA grid on mobile only to align the arrow.
   With arrows removed, return to a single centered layout. */
@media (max-width:720px){
  .skrot-ai-page .compare-buy-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    column-gap:0!important;
  }
}

/* Hide any stale arrow spans if cached markup survives anywhere. */
.skrot-ai-page .hero-cta span[aria-hidden="true"], .skrot-ai-page .my-ai-cta span[aria-hidden="true"], .skrot-ai-page .offer-buy-btn span[aria-hidden="true"], .skrot-ai-page .final-buy-btn span[aria-hidden="true"], .skrot-ai-page .compare-buy-btn span[aria-hidden="true"]{
  display:none!important;
}


/* Minimalna stopka prawna — izolowana razem z landingiem */
.skrot-ai-page .skrot-ai-legal-footer{
  background:#FDF8F2;
  border-top:1px solid rgba(31,38,78,.10);
  color:#69718E;
  padding:22px 24px 26px;
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.skrot-ai-page .skrot-ai-legal-footer__inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:12px;
  line-height:1.4;
}
.skrot-ai-page .skrot-ai-legal-footer__links{
  display:flex;
  align-items:center;
  gap:10px;
}
.skrot-ai-page .skrot-ai-legal-footer__links a{
  color:#4B5578;
  text-decoration:none;
  transition:opacity .18s ease;
}
.skrot-ai-page .skrot-ai-legal-footer__links a:hover,
.skrot-ai-page .skrot-ai-legal-footer__links a:focus{
  opacity:.68;
  text-decoration:underline;
}
@media (max-width:720px){
  .skrot-ai-page .skrot-ai-legal-footer{
    padding:20px 16px 24px;
  }
  .skrot-ai-page .skrot-ai-legal-footer__inner{
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:9px;
    font-size:11px;
  }
}