.special-top{margin-top:0;margin-bottom:0;padding-top:72px;padding-bottom:72px}
.ads-top{border-bottom:1px solid var(--line)}
.ads-direct{display:block;padding:72px 11%}
.ads-direct>div{max-width:920px;margin:0 auto;text-align:center}
.ads-direct .ad-price{justify-content:center}
.hero-answer{font-size:1.05rem;font-weight:700;max-width:700px;margin-top:14px}
.explain{max-width:740px;background:rgba(255,255,255,.5);padding:15px 18px;border-left:4px solid var(--coral)}
@media(max-width:640px){.special-top{margin:0;padding:48px 25px}.ads-top{padding-top:62px}}

.site-header{position:relative;color:var(--deep);background:var(--blue-soft);height:auto;min-height:92px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.landing-start{padding:70px 7%;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;background:linear-gradient(135deg,var(--blue-soft),var(--cream))}.landing-start h1{font-size:clamp(46px,6vw,82px)}.landing-start .lead{font-size:23px}.landing-scope{padding:32px;background:white;border-top:5px solid var(--turq);box-shadow:var(--shadow)}.landing-scope h2{font-size:32px}.landing-scope li{margin:14px 0}.landing-start-copy .button{margin-top:18px}.hero h2{font-size:clamp(3.2rem,7.2vw,7.6rem);max-width:850px}.landing-scope .text-link{display:inline-block;margin-top:15px}@media(max-width:900px){.landing-start{grid-template-columns:1fr;gap:30px;padding:45px 7%}}@media(max-width:640px){.landing-start{padding:35px 5%}.landing-scope{padding:24px}.hero h2{font-size:3.25rem}}

.landing-scope .text-link{color:var(--deep);font-weight:700}

.extras{padding:90px 7%;background:var(--blue-soft)}.extras h2{max-width:900px}.extras-intro,.extras-note{max-width:850px}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.extras-grid article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--turq);padding:25px;border-radius:12px}.extras-grid h3{margin-top:0;color:var(--deep)}.extras-grid p{margin-bottom:0}.extras-note{margin:28px 0}.automation-price{max-width:760px;margin:auto}@media(max-width:1000px){.extras-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.extras{padding:60px 5%}.extras-grid{grid-template-columns:1fr}}

.landing-start-copy .text-link{color:var(--deep)}.hero-copy{width:min(100%,1000px)}.project-display{min-width:0}.project-preview{display:block;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.35);text-decoration:none;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.15)}.preview-bar{padding:12px 16px;background:#edf5f8;color:#173247;font-size:.7rem;display:flex;gap:15px;justify-content:space-between}.preview-hero{position:relative;min-height:330px;isolation:isolate;background:#092b46}.preview-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.preview-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,48,.88),rgba(9,43,70,.25));z-index:-1}.preview-content{padding:28px}.preview-brand{font-family:"Playfair Display",serif;font-size:23px}.preview-content p{font-size:9px;letter-spacing:1.5px;margin-top:28px}.preview-content h3{font-family:"Playfair Display",serif;font-size:clamp(27px,3vw,40px);line-height:1.1;margin:14px 0 24px}.preview-content em{color:#b9dded}.preview-cta{display:inline-block;padding:10px 14px;border:1px solid #fff;font-size:12px}.sea-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.sea-pair img{width:100%;height:170px;object-fit:cover;border-radius:10px}@media(max-width:640px){.preview-bar{font-size:9px;padding:10px}.preview-content{padding:22px}.sea-pair img{height:140px}.preview-hero{min-height:300px}}

.hero-reference{position:relative;z-index:2;width:390px;flex-shrink:0;margin-left:35px}.hero{gap:20px}.hero-copy{width:calc(100% - 425px)}.hero-reference .preview-bar{font-size:9px}.hero-reference .preview-content{padding:22px}.hero-reference .preview-content h3{font-size:33px}.hero-reference .preview-hero{min-height:360px}.hero-reference .preview-brand{font-size:24px}.reference-visuals .sea-pair{margin-top:0}.reference-visuals .sea-pair img{height:330px}.reference-label{font-size:11px;letter-spacing:2px;margin-top:28px}@media(max-width:1100px){.hero{display:block}.hero-copy{width:100%}.hero-reference{margin:40px 0 0;width:min(100%,500px)}}@media(max-width:640px){.reference-visuals .sea-pair img{height:210px}.hero-reference .preview-content h3{font-size:30px}}