.tw-page{--navy:#032239;--navy2:#071a2d;--green:#22be7b;--green2:#0b9663;--ink:#15233b;--muted:#667385;--line:#e5ebef;background:#fff;color:var(--ink);overflow:hidden}.tw-page .container{max-width:1420px!important}.tw-page h1,.tw-page h2,.tw-page h3{font-family:Manrope,Inter,sans-serif}.tw-hero{position:relative;padding:76px 0 70px;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;overflow:hidden}.tw-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,43,.96),rgba(3,25,43,.72)),url('../images/product-pages/travel-website-sample-green.png') center top/cover no-repeat;opacity:.35}.tw-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.tw-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:12px;font-weight:800;letter-spacing:.1em}.tw-hero h1{font-size:clamp(46px,5vw,74px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.tw-hero h1 span{color:#54d99f}.tw-hero p{max-width:640px;font-size:18px;line-height:1.7;color:#d9e5ec}.tw-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.tw-actions .btn,.tw-custom-intro .btn,.tw-final-cta .btn{padding:14px 22px;border-radius:9px;font-weight:700}.tw-primary{background:linear-gradient(135deg,var(--green),var(--green2));border:0;color:#fff;box-shadow:0 14px 32px rgba(34,190,123,.24)}.tw-outline{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4)}
.tw-device-stage{position:relative;min-height:520px}.tw-device-stage img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tw-desktop-device{position:absolute;left:0;top:12px;width:70%;height:390px;padding:12px;background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.32);z-index:2}.tw-desktop-device img{border-radius:14px}.tw-tablet-device{position:absolute;right:12%;top:68px;width:34%;height:400px;padding:9px;background:#111a24;border-radius:26px;box-shadow:0 26px 60px rgba(0,0,0,.36);z-index:3}.tw-tablet-device img{border-radius:18px}.tw-mobile-device{position:absolute;right:0;bottom:0;width:22%;height:390px;padding:9px;background:#0e1720;border-radius:34px;box-shadow:0 26px 60px rgba(0,0,0,.42);z-index:4}.tw-mobile-device img{border-radius:25px}.tw-mobile-device span{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:40%;height:13px;border-radius:99px;background:#05080b;z-index:2}
.tw-preview-strip{padding:58px 0;background:#fff}.tw-preview-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:36px;align-items:center}.tw-kicker,.tw-heading>span,.tw-custom-intro>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green2)}.tw-preview-copy h2,.tw-heading h2,.tw-custom-intro h2{font-size:clamp(32px,3.4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 12px}.tw-preview-copy p,.tw-heading p,.tw-custom-intro p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.tw-preview-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tw-preview-cards article{padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 28px rgba(15,35,58,.06)}.tw-crop{height:170px;border-radius:12px;overflow:hidden;background:#f4f8fa}.tw-crop img{width:100%;height:100%;object-fit:cover;object-position:top}.tw-crop.contain img{object-fit:contain;padding:6px}.tw-preview-cards b{display:block;margin-top:11px;font-size:14px}.tw-preview-cards small{display:block;margin-top:4px;color:#7b8798;font-size:11px}
.tw-heading.center{text-align:center;max-width:850px;margin:0 auto 34px}.tw-feature-section{padding:72px 0 82px;background:#fbfdfc}.tw-feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.tw-feature-grid article{padding:23px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,35,58,.04)}.tw-feature-grid i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eefaf5;color:var(--green2);font-size:18px}.tw-feature-grid h3{font-size:16px;margin:14px 0 8px}.tw-feature-grid p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.tw-samples-section{padding:76px 0}.tw-sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tw-sample-card{padding:14px 14px 22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 34px rgba(15,35,58,.06)}.tw-sample-thumb{height:230px;border-radius:13px;overflow:hidden;background:#f6f8fa}.tw-sample-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.tw-sample-card h3{font-size:20px;line-height:1.3;margin:15px 0 12px}.tw-sample-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;color:#59657a;font-size:14px}.tw-sample-card li:before{content:'✓';color:var(--green);font-weight:800;margin-right:8px}.tw-sample-card a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;border:1px solid #d3dde3;border-radius:9px;padding:9px 14px}
.tw-custom-section{padding:10px 0 70px}.tw-custom-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:38px;border-radius:26px;background:linear-gradient(135deg,#03293a,#064a4b);color:#fff;box-shadow:0 24px 50px rgba(4,38,60,.15)}.tw-custom-intro>span{color:#60dfa8}.tw-custom-intro h2,.tw-custom-intro p{color:#fff}.tw-custom-intro .btn{margin-top:22px}.tw-custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tw-custom-grid article{padding:18px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035)}.tw-custom-grid i{font-size:22px;color:#52d89f}.tw-custom-grid h3{font-size:14px;color:#fff;margin:11px 0 7px}.tw-custom-grid p{font-size:12px;line-height:1.55;color:#d1e4e5;margin:0}
.tw-benefits-section{padding:70px 0}.tw-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.tw-benefit-grid article{text-align:center;padding:16px 10px}.tw-benefit-grid i{font-size:24px;color:var(--green2)}.tw-benefit-grid h3{font-size:15px;margin:11px 0 5px}.tw-benefit-grid p{font-size:12px;color:var(--muted);margin:0}
.tw-content-blocks{padding:54px 0 62px;background:#fafcfd}.tw-block-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.tw-block-grid article{display:grid;place-items:center;gap:9px;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}.tw-block-grid i{font-size:22px;color:var(--green2)}.tw-block-grid span{font-weight:700;font-size:12px}.tw-block-note{text-align:center;color:#7b8797;margin:14px 0 0;font-size:13px}
.tw-final-cta{padding:58px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#06223b,#03172a)}.tw-final-cta h2{font-size:clamp(34px,4vw,54px);margin:0 0 8px}.tw-final-cta p{color:#d8e7ed;margin:0 0 22px}.site-footer{margin-top:0}
@media(max-width:1200px){.tw-hero-grid,.tw-preview-layout,.tw-custom-panel{grid-template-columns:1fr}.tw-device-stage{max-width:820px;margin:0 auto}.tw-preview-cards{grid-template-columns:repeat(3,1fr)}.tw-feature-grid{grid-template-columns:repeat(3,1fr)}.tw-sample-grid{grid-template-columns:repeat(2,1fr)}.tw-benefit-grid{grid-template-columns:repeat(3,1fr)}.tw-block-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.tw-hero{padding:50px 0}.tw-hero h1{font-size:42px}.tw-hero p{font-size:16px}.tw-actions{flex-direction:column}.tw-actions .btn{justify-content:center}.tw-device-stage{min-height:auto;display:grid;gap:14px;margin-top:30px}.tw-desktop-device,.tw-tablet-device,.tw-mobile-device{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto}.tw-desktop-device img,.tw-tablet-device img,.tw-mobile-device img{height:auto}.tw-tablet-device{max-width:82%;margin:0 auto}.tw-mobile-device{max-width:260px;margin:0 auto}.tw-preview-cards,.tw-feature-grid,.tw-sample-grid,.tw-custom-grid,.tw-benefit-grid,.tw-block-grid{grid-template-columns:1fr}.tw-crop{height:220px}.tw-sample-thumb{height:260px}.tw-preview-strip,.tw-feature-section,.tw-samples-section,.tw-benefits-section,.tw-content-blocks{padding:56px 0}.tw-custom-panel{padding:30px 20px}}