.diff-page{--diff-blue:#75a8ff;--diff-pink:#f477c5;min-height:100vh;background:#070907}.diff-section{position:relative;min-height:100vh;padding:35px 0 62px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(200,255,63,.045),transparent 34%),#070907}.diff-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 4%,transparent 94%)}.diff-orbit{position:absolute;border:1px solid rgba(200,255,63,.08);border-radius:50%;pointer-events:none}.diff-orbit-one{width:820px;height:820px;left:-570px;top:120px}.diff-orbit-two{width:740px;height:740px;right:-530px;bottom:-170px}.diff-shell{position:relative;z-index:1;max-width:1540px}.diff-header{height:48px;display:flex;align-items:center;justify-content:space-between}.diff-back{color:#a7afa5;font-size:12px;font-weight:750}.diff-back span{margin-left:7px;color:var(--accent)}.diff-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;margin-top:76px}.diff-kicker{display:flex;align-items:center;gap:10px;color:#929b90;font:850 9px/1 var(--mono);letter-spacing:.12em}.diff-kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.diff-intro h1{max-width:870px;margin-top:22px;font-size:clamp(58px,6.6vw,105px);line-height:.9;letter-spacing:-.075em}.diff-intro h1 em{color:var(--accent);font-style:normal}.diff-intro>p{max-width:650px;margin:0 0 4px;color:#a2aaa0;font-size:17px;line-height:1.7}.framework-map{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) 46px minmax(180px,1fr) 46px minmax(180px,1fr) 46px minmax(180px,1fr) 46px minmax(200px,1.08fr);gap:10px;align-items:stretch;margin-top:68px}.framework-line{position:absolute;z-index:0;left:2%;right:2%;top:51px;height:1px;background:linear-gradient(90deg,rgba(117,168,255,.2),rgba(200,255,63,.45) 50%,rgba(244,119,197,.2))}.framework-line i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:travel 6s linear infinite}.framework-step{position:relative;z-index:1;min-height:385px;padding:21px;border:1px solid #2e352e;border-radius:19px;background:linear-gradient(150deg,rgba(18,22,18,.98),rgba(10,12,10,.98));display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,.18);transition:transform .25s,border-color .25s}.framework-step:hover{transform:translateY(-7px);border-color:#536052}.step-top{display:flex;align-items:center;justify-content:space-between}.step-top>span{color:#687267;font:900 9px/1 var(--mono)}.step-icon{position:relative;width:58px;height:58px;border:1px solid #354035;border-radius:15px;background:#0b0e0b;display:grid;place-items:center;box-shadow:0 0 30px rgba(117,168,255,.06)}.icon-play i{width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--diff-blue)}.icon-stack{align-content:center;gap:4px}.icon-stack i{display:block;width:25px;height:5px;border:1px solid var(--accent);border-radius:2px;transform:skewX(-24deg)}.icon-pulse i{width:28px;height:28px;border:2px solid var(--diff-pink);border-radius:50%;box-shadow:0 0 0 8px rgba(244,119,197,.08);animation:pulse 2s ease-in-out infinite}.icon-network i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--diff-blue);box-shadow:0 0 11px var(--diff-blue)}.icon-network i:first-child{left:13px;bottom:13px}.icon-network i:nth-child(2){right:13px;bottom:13px;background:var(--diff-pink)}.icon-network i:last-child{top:11px;left:24px;background:var(--accent)}.icon-network:after,.icon-network:before{content:"";position:absolute;top:29px;width:24px;height:1px;background:#4c574c}.icon-network:before{left:11px;transform:rotate(-51deg)}.icon-network:after{right:10px;transform:rotate(51deg)}.icon-check{border-color:#63783f;background:rgba(200,255,63,.1)}.icon-check i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#10140c;font:950 15px/1 var(--mono);font-style:normal}.step-copy{margin-top:46px}.step-copy small{color:#788277;font:850 7px/1.3 var(--mono);letter-spacing:.1em}.step-copy h2{margin-top:12px;font-size:clamp(25px,2.15vw,35px);line-height:1.02;letter-spacing:-.045em}.step-copy p{margin-top:15px;color:#929b90;font-size:12px;line-height:1.62}.framework-step>a,.step-signal,.result-status{margin-top:auto;padding-top:22px;border-top:1px solid #2c332c;color:#aeb6ac;font:800 8px/1 var(--mono);letter-spacing:.06em}.framework-step>a span{float:right;color:var(--accent)}.step-signal{color:#8b958a}.framework-arrow{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#6c766b}.framework-arrow span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #303830;border-radius:50%;background:#090b09;color:var(--accent);font-size:16px}.framework-arrow b{font:800 6px/1 var(--mono);letter-spacing:.09em;writing-mode:vertical-rl}.step-result{overflow:hidden;border-color:#52633b;background:linear-gradient(145deg,rgba(30,39,21,.96),rgba(10,13,9,.99));box-shadow:0 25px 75px rgba(111,144,31,.1)}.result-glow{position:absolute;width:240px;height:240px;right:-110px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,63,.22),transparent 68%);filter:blur(8px)}.result-status{display:flex;align-items:center;gap:8px;color:var(--accent)}.result-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.diff-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:42px;padding-top:30px;border-top:1px solid #2a302a}.diff-footer p{max-width:800px;color:#8e978c;font-size:13px;line-height:1.55}.diff-footer strong{color:#dce1da}.diff-footer .button{flex:none}@keyframes travel{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}@keyframes pulse{0%,100%{transform:scale(.86);opacity:.7}50%{transform:scale(1);opacity:1}}
@media(max-width:1250px){.diff-intro{grid-template-columns:1fr;gap:26px}.diff-intro>p{max-width:850px}.framework-map{grid-template-columns:1fr;gap:12px}.framework-line{display:none}.framework-step{min-height:255px;padding:25px}.step-copy{margin-top:28px}.framework-arrow{height:38px;flex-direction:row}.framework-arrow span{transform:rotate(90deg)}.framework-arrow b{writing-mode:horizontal-tb}.framework-step>a,.step-signal,.result-status{margin-top:28px}.diff-footer{margin-top:34px}}
@media(max-width:700px){.diff-section{padding:22px 0 42px}.diff-header .brand{transform:scale(.88);transform-origin:left center}.diff-back{font-size:0}.diff-back span{font-size:18px}.diff-intro{margin-top:58px}.diff-intro h1{font-size:clamp(52px,14.5vw,70px)}.diff-intro>p{font-size:15px}.framework-map{margin-top:46px}.framework-step{min-height:285px}.step-copy h2{font-size:31px}.step-copy p{font-size:13px}.diff-footer{align-items:stretch;flex-direction:column}.diff-footer .button{width:100%}}
@media(prefers-reduced-motion:reduce){.framework-line i,.icon-pulse i{animation:none}.framework-step{transition:none}}
.step-top{justify-content:flex-end}
.step-copy h2{margin-top:0}
.diff-compare{position:relative;z-index:2;margin-top:92px;padding:118px 0 96px;border-top:1px solid #2d342d;background:linear-gradient(180deg,#0d100d,#090b09)}.compare-shell{max-width:1468px}.compare-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.compare-heading span{color:var(--accent);font:900 9px/1 var(--mono);letter-spacing:.12em}.compare-heading h2{max-width:900px;margin-top:19px;font-size:clamp(54px,6vw,90px);line-height:.93;letter-spacing:-.065em}.compare-heading>p{max-width:590px;margin:0 0 4px;color:#969f94;font-size:17px;line-height:1.7}.compare-table{margin-top:68px;border:1px solid #343c34;border-radius:22px;overflow:hidden;background:#0b0e0b;box-shadow:0 35px 90px rgba(0,0,0,.24)}.compare-row{display:grid;grid-template-columns:.7fr 1fr 1.15fr;min-height:112px}.compare-row>div{padding:25px 27px;display:flex;align-items:center;border-bottom:1px solid #2e352e;color:#929b91;font-size:13px;line-height:1.55}.compare-row>div+div{border-left:1px solid #2e352e}.compare-row:last-child>div{border-bottom:0}.compare-row>div:first-child{gap:18px;color:#d7ddd4}.compare-row>div:first-child i{color:#677266;font:900 8px/1 var(--mono);font-style:normal}.compare-row>div:first-child b{font-size:16px}.compare-row .academy-column{position:relative;background:linear-gradient(90deg,rgba(200,255,63,.07),rgba(200,255,63,.025));color:#dfe5dc}.compare-row .academy-column>i{width:25px;height:25px;margin-right:13px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--accent);color:#12160e;font:950 10px/1 var(--mono);font-style:normal}.compare-head{min-height:105px;background:#121612}.compare-head>div{flex-direction:column;align-items:flex-start;justify-content:center}.compare-head>div:first-child{color:#788277;font:900 8px/1 var(--mono);letter-spacing:.1em}.compare-head span{color:#6f7a6e;font:850 7px/1 var(--mono);letter-spacing:.11em}.compare-head b{margin-top:9px;color:#f0f2ed;font-size:19px;line-height:1.2}.compare-head .academy-column{box-shadow:inset 0 3px 0 var(--accent)}.compare-head .academy-column span{color:var(--accent)}.compare-footer{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:34px}.compare-footer p{max-width:760px;color:#8d968b;font-size:14px}.compare-footer strong{color:#e1e6de}.compare-footer .button{flex:none}
@media(max-width:900px){.compare-heading{grid-template-columns:1fr;gap:24px}.compare-heading>p{max-width:760px}.compare-table{overflow-x:auto}.compare-row{min-width:850px}.diff-compare{margin-top:72px;padding:90px 0 76px}}
@media(max-width:700px){.compare-heading h2{font-size:clamp(48px,13vw,65px)}.compare-heading>p{font-size:15px}.compare-table{margin-top:45px;border-radius:17px}.compare-row{grid-template-columns:190px 300px 340px}.compare-row>div{padding:21px 20px}.compare-footer{align-items:stretch;flex-direction:column}.compare-footer .button{width:100%}}
.compare-scroll-hint{display:none}
@media(max-width:700px){.compare-scroll-hint{margin:35px 0 10px;display:flex;justify-content:flex-end;gap:8px;color:#879085;font:800 8px/1 var(--mono);letter-spacing:.08em}.compare-scroll-hint span{color:var(--accent)}.compare-table{margin-top:0}.compare-row>div:first-child{position:sticky;left:0;z-index:2;background:#0b0e0b}.compare-head>div:first-child{background:#121612}}

/* Newsletter UX polish: clearer cards, stronger actions and comparison hierarchy */
.framework-step .step-copy p{margin-top:17px;color:#f3f0e5;font-size:16px;line-height:1.62}
.framework-step>a{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:15px 17px;border:1px solid #3d473d;border-radius:11px;background:#151915;color:#f3f0e5;font:850 14px/1.2 var(--sans);letter-spacing:0;transition:border-color .2s,background .2s,color .2s,transform .2s}
.framework-step>a:hover{border-color:var(--accent);background:var(--accent);color:#10140c;transform:translateY(-2px)}
.framework-step>a span{float:none;flex:none;color:var(--accent);font-size:18px;line-height:1}
.framework-step>a:hover span{color:#10140c}
.diff-footer{justify-content:flex-start;gap:20px}
.diff-footer p{max-width:none;color:#f3f0e5;font-size:18px;line-height:1.45}
.diff-footer strong{color:#f3f0e5}

.compare-heading h2{max-width:920px;margin-top:0;font-size:clamp(50px,5.5vw,82px);line-height:.95;letter-spacing:-.06em}
.compare-heading>p{color:#c5ccc2;font-size:19px;line-height:1.65}
.compare-table{position:relative;margin-top:64px;border-color:#465046;border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.025)}
.compare-row{grid-template-columns:.72fr 1fr 1.14fr;min-height:126px;transition:background .2s}
.compare-row:not(.compare-head):hover{background:rgba(255,255,255,.018)}
.compare-row>div{padding:29px 31px;border-color:#333a33;color:#c0c7bd;font-size:16px;line-height:1.55}
.compare-row>div+div{border-color:#333a33}
.compare-row>div:first-child{color:#f3f0e5}
.compare-row>div:first-child i{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid #3d463d;border-radius:50%;color:#98a197;font-size:10px}
.compare-row>div:first-child b{font-size:19px;line-height:1.2}
.compare-row>div:nth-child(2):not(.academy-column){color:#9ea69c;background:rgba(255,255,255,.012)}
.compare-row .academy-column{background:linear-gradient(90deg,rgba(213,255,69,.105),rgba(213,255,69,.035));color:#f3f0e5;font-weight:650}
.compare-row .academy-column>i{width:31px;height:31px;margin-right:15px;font-size:12px;box-shadow:0 0 22px rgba(213,255,69,.15)}
.compare-head{min-height:124px;background:#151915}
.compare-head>div:first-child{color:#9aa399;font-size:11px}
.compare-head span{color:#8c968b;font-size:10px}
.compare-head b{margin-top:11px;font-size:22px}
.compare-head .academy-column{box-shadow:inset 0 4px 0 var(--accent);background:linear-gradient(135deg,rgba(213,255,69,.16),rgba(213,255,69,.055))}
.compare-footer{margin-top:38px}
.compare-footer p{max-width:790px;color:#b6beb3;font-size:17px;line-height:1.55}
.compare-footer strong{color:#f3f0e5}

.meeting-cta-section{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#080b08;color:#fff}
.meeting-cta-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,8,6,.96) 0%,rgba(5,8,6,.8) 42%,rgba(5,8,6,.22) 78%,rgba(5,8,6,.35) 100%),linear-gradient(0deg,rgba(5,8,6,.7),transparent 48%),url('https://n8nlab.io/images/showcase/ai-automation-meetup.jpeg');background-size:cover;background-position:center;transform:scale(1.015)}
.meeting-cta-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.meeting-cta-grid{position:relative;z-index:1}
.meeting-cta-copy{max-width:820px}
.meeting-cta-copy h2{font-size:clamp(48px,5.5vw,86px)}
.meeting-cta-copy p{max-width:680px;color:#c4cbc1;font-size:18px;line-height:1.7;margin-top:26px}
.meeting-cta-copy .button{margin-top:34px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.meeting-cta-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.meeting-cta-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,11,8,.52);backdrop-filter:blur(8px);color:#dce2d8;font:800 9px/1 var(--mono)}

@media(max-width:700px){
  .framework-step .step-copy p{font-size:16px}
  .framework-step>a{padding:16px 17px;font-size:14px}
  .diff-footer{gap:16px}
  .diff-footer p{font-size:17px}
  .compare-heading h2{font-size:clamp(42px,12vw,60px)}
  .compare-heading>p{font-size:17px}
  .compare-scroll-hint{display:none}
  .compare-table{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .compare-table:before{display:none}
  .compare-head{display:none}
  .compare-row{display:block;min-width:0;min-height:0;margin-bottom:16px;overflow:hidden;border:1px solid #384138;border-radius:17px;background:#0b0e0b}
  .compare-row:last-child{margin-bottom:0}
  .compare-row>div{position:static!important;padding:20px 21px;border:0;border-bottom:1px solid #303830;font-size:16px}
  .compare-row>div:first-child{gap:13px;background:#151915}
  .compare-row>div:first-child b{font-size:19px}
  .compare-row>div:nth-child(2){display:block;background:#0d100d;color:#aeb6ac}
  .compare-row>div:nth-child(2):before{content:"STANDARDNI MODEL";display:block;margin-bottom:9px;color:#737d72;font:850 9px/1 var(--mono);letter-spacing:.1em}
  .compare-row .academy-column{display:flex;flex-wrap:wrap;gap:0;background:linear-gradient(135deg,rgba(213,255,69,.14),rgba(213,255,69,.045));border-bottom:0;color:#f3f0e5}
  .compare-row .academy-column:before{content:"VIBECODE MODEL";flex-basis:100%;margin-bottom:12px;color:var(--accent);font:850 9px/1 var(--mono);letter-spacing:.1em}
  .meeting-cta-section{min-height:720px}
  .meeting-cta-photo{background-position:62% center}
  .meeting-cta-copy h2{font-size:43px}
  .meeting-cta-copy p{font-size:16px}
}