/* ForeverRoute adaptive planner page. Shared site theme, responsive three-language content. */
.planner-page{background:radial-gradient(ellipse at 80% 0,#37161b 0,transparent 44%),#100d12}
.planner-page .detail-main{max-width:1180px}
.planner-page h2{font:800 clamp(24px,3vw,35px)/1.2 Cinzel,Georgia,serif;color:#f8e7d5;margin:10px 0 17px}
.planner-page h3{font-size:17px;line-height:1.35;color:#f6dcbb;margin:8px 0}
.planner-page p{line-height:1.75}
.planner-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:26px;align-items:center;padding:35px}
.planner-hero-copy h1{font-size:clamp(36px,4.5vw,59px);line-height:1.1}
.planner-hero-copy h1 em{color:#edb774;font-style:normal}
.planner-hero-copy p{font-size:15px}
.planner-hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0}
.planner-hero-visual img{width:100%;height:auto;max-height:350px;object-fit:contain;border:1px solid #795049;border-radius:8px;box-shadow:0 16px 44px #0009;background:#120d10}
.planner-hero-visual span{position:absolute;bottom:7px;left:10px;padding:6px 8px;background:#120d10ee;border:1px solid #61423f;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.09em;color:#e3ad9c}
.planner-section{margin:45px 0}
.planner-section-head{max-width:850px;margin:0 0 22px}
.planner-section-head p,.planner-loop p,.planner-integration p,.planner-tester p{color:#d2c0b8;max-width:850px}
.planner-eyebrow{color:#edaa78;font-size:10px;font-weight:900;letter-spacing:.18em}
.planner-steps,.planner-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.planner-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.planner-step,.planner-feature{padding:20px 19px;border:1px solid #61433d;background:linear-gradient(140deg,#24151b,#171115);border-radius:8px}
.planner-step small,.planner-feature small{font-size:10px;letter-spacing:.12em;color:#edaa78;font-weight:800}
.planner-step p,.planner-feature p{color:#cbbab4;font-size:13px;margin:12px 0 2px}
.planner-feature code{color:#eebf91;font-weight:700}
.planner-loop{border:1px solid #794d3e;padding:27px;border-radius:9px;background:linear-gradient(95deg,#31181d,#171216)}
.planner-journey{display:flex;align-items:stretch;justify-content:center;gap:14px;margin-top:20px}
.planner-journey div{min-height:58px;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:900;letter-spacing:.02em;border:1px solid #c1785f;border-radius:6px;padding:12px;background:#472127}
.planner-journey span{font-size:26px;color:#f1bf91;align-self:center}
.planner-lock{border:1px solid #94652e;background:#332419;padding:23px 27px;border-radius:8px}
.planner-lock h2{font-size:25px}
.planner-lock p{color:#e2cbb6;margin:8px 0}
.planner-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.planner-competitor{border:1px solid #5b3d39;border-radius:9px;padding:23px 20px;background:#1d1419;display:flex;flex-direction:column}
.planner-competitor h3{font-size:21px}
.planner-competitor p{color:#d5c6c0;font-size:13px}
.planner-competitor .planner-comp-sub{min-height:122px}
.planner-comp-diff{padding:14px;margin-top:10px;background:#312024;border-left:3px solid #c76a57;border-radius:3px}
.planner-comp-diff strong{font-size:10px;letter-spacing:.13em;color:#f6bb86}
.planner-comp-diff p{margin-bottom:0}
.planner-competitor a{margin-top:auto;padding-top:18px;font-size:12px;color:#f3c790;text-decoration:underline}
.planner-note{font-size:12px;color:#a99a95;line-height:1.7;margin-top:20px}
.planner-integration,.planner-tester{padding:26px 29px;border-radius:8px;border:1px solid #765448;background:#211419}
.planner-tester{background:radial-gradient(circle at 85% 30%,#603036,#241217);border-color:#ba6b59}
.planner-tester h2{color:#fff}
@media(max-width:980px){.planner-hero{grid-template-columns:1fr}.planner-hero-visual img{max-height:380px}.planner-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-compare-grid{grid-template-columns:1fr}.planner-competitor .planner-comp-sub{min-height:0}}
@media(max-width:650px){.planner-hero{padding:20px}.planner-section{margin:30px 0}.planner-steps,.planner-features{grid-template-columns:1fr}.planner-loop{padding:18px}.planner-journey{flex-direction:column;gap:7px}.planner-journey span{transform:rotate(90deg);align-self:center;line-height:1}.planner-competitor{padding:17px}.planner-hero-visual span{position:static;display:block;margin-top:5px}.planner-hero-visual{display:block}}