@font-face{font-family:Fraunces;src:url(/fonts/Fraunces.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--ink:#183b3a;--cream:#fff9ec;--sun:#ffc64d;--mango:#ff996c;--pink:#f57583;--sea:#58cfc5;--palm:#27745d;--white:#fffdf8;--line:#e7d5b9;--muted:#586b65}*{box-sizing:border-box}html,body{background:var(--cream)}body{color:var(--ink);letter-spacing:-.01em;margin:0;font:16px/1.55 Manrope,system-ui,sans-serif}.shell{width:min(1100px,100% - 36px);margin:auto}.hero{color:#fff;background:linear-gradient(90deg,#072d2ac2,#072d2a47),url(/ha-long-bay.jpeg) 50% 52%/cover no-repeat;min-height:365px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 38%,#0c353040);position:absolute;inset:0}.hero-inner{z-index:1;position:relative}nav{letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:.75rem;font-weight:800;display:flex}.nav-pill,.hero-chips span{color:var(--ink);white-space:nowrap;background:#fffdf8dc;border-radius:999px;padding:5px 10px}.hero-copy{max-width:610px;padding:41px 0 72px}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:.7rem;font-weight:800}.eyebrow.light{color:#e2f2bb}h1,h2,h3{font-variation-settings:"opsz" 36,"SOFT" 40,"WONK" 0;letter-spacing:-.04em;font-family:Fraunces,Georgia,serif}h1{max-width:560px;margin:.35rem 0 .7rem;font-size:clamp(2.45rem,5vw,4rem);font-weight:500;line-height:1.02}.hero-lede{max-width:530px;margin:0;font-size:1.03rem;font-weight:650}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:20px;font-size:.82rem;font-weight:800;display:flex}main{padding:58px 0 0}h2{margin:.2rem 0 .75rem;font-size:clamp(1.75rem,3.6vw,2.65rem);font-weight:550;line-height:1.05}.card{border:1px solid var(--line);background:var(--white);border-radius:22px}.decision-grid{grid-template-columns:1.16fr .84fr;gap:28px;margin-bottom:46px;display:grid}.decision-card{padding:28px}.decision-card p:not(.eyebrow),.section-head>p{color:var(--muted)}.answer-card{background:var(--palm);color:#fff;border-radius:22px;padding:28px}.answer-eyebrow{color:#d8eea9}.answer-card strong{letter-spacing:-.035em;font:550 1.75rem/1.06 Fraunces,Georgia,serif;display:block}.answer-card p:last-child{color:#e3f6ce;margin:.75rem 0 0}.trip-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:58px;display:grid}.trip-facts div{border:1px solid var(--line);background:#fffdf8;border-radius:15px;padding:15px}.trip-facts b{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;display:block}.trip-facts span{font-size:.92rem;font-weight:800;display:block}.section-head{max-width:710px;margin-bottom:24px}.routes{gap:18px;display:grid}.route-card{border:1px solid var(--line);background:var(--white);border-radius:21px;grid-template-columns:.86fr 1.14fr;display:grid;overflow:hidden}.route-copy{padding:25px}.route-num{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:7px 0;font-size:.7rem;font-weight:800}.route-copy h3{margin:0 0 8px;font-size:1.85rem;font-weight:600;line-height:1}.route-copy>p:not(.route-num){color:var(--muted);margin:0}.route-facts{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.route-facts span{background:#f2f0e5;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:800}.map{background:linear-gradient(145deg,#a9e4db,#d9f2dc);min-height:255px;position:relative;overflow:hidden}.map:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 42px,#ffffff54 44px 46px,#0000 48px 83px);position:absolute;inset:-40px}.map-line{z-index:1;background:var(--ink);transform-origin:0;border-radius:999px;height:4px;position:absolute}.map-easy .map-line{background:repeating-linear-gradient(90deg,var(--pink) 0 9px,transparent 9px 16px);width:62%;top:27%;left:20%;transform:rotate(25deg)}.map-balanced .map-line{border-left:4px solid var(--ink);border-bottom:4px solid var(--ink);background:0 0;border-radius:0 0 0 55%;width:62%;height:48%;top:24%;left:20%;transform:none}.map-adventurous{min-height:270px}.map-adventurous .map-line{background:var(--ink);width:36%;top:27%;left:20%;transform:rotate(33deg)}.map-adventurous .map-line-second{width:29%;top:69%;left:50%;transform:rotate(-2deg)}.map-adventurous .cambodia,.map-adventurous .bangkok{top:69%}.map-adventurous small{bottom:14px}.map-place{z-index:2;white-space:nowrap;font-size:.72rem;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.map-place:not(.flight):before{background:var(--pink);content:"";border:3px solid #fff;border-radius:50%;width:11px;height:11px;margin:auto;display:block}.map-place.flight{font-size:1.25rem}.hanoi{top:24%;left:20%}.hue{top:51%;left:32%}.danang{top:65%;left:38%}.hoian{top:76%;left:46%}.bangkok{top:73%;left:78%}.cambodia{top:82%;left:61%}.direct{top:48%;left:52%}.central-flight{top:61%;left:59%}.map small{z-index:2;color:#35655e;font-size:.67rem;font-weight:700;position:absolute;bottom:12px;left:15px}.compare{margin-top:68px}.table-wrap{border:1px solid var(--line);background:var(--white);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:15px;font-size:.88rem}th{letter-spacing:.07em;text-transform:uppercase;background:#f9e9c8;font-size:.68rem}tr:last-child td{border:0}td:first-child{font-weight:900}.poll{background:#e7f4d2;border:1px solid #c4df9a;border-radius:21px;margin-top:28px;padding:26px}.poll-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.poll h3{margin:0;font-size:1.65rem;font-weight:600;line-height:1}.live-dot{color:#315b50;background:#fffdf8;border-radius:999px;padding:5px 9px;font-size:.69rem;font-weight:800}.live-dot:before{content:"";background:#48a76a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}fieldset{border:0;margin:18px 0 0;padding:0}legend{color:#315b50;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:800}.vote-options{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.people-options{grid-template-columns:repeat(3,1fr)}.vote-options label{background:var(--white);cursor:pointer;border:1px solid #b6d191;border-radius:12px;place-items:center;min-height:47px;padding:9px;font-size:.88rem;font-weight:800;display:grid}.vote-options input{opacity:0;position:absolute}.vote-options label.selected{border-color:var(--palm);background:var(--palm);color:#fff}.vote-options label.route-easy.selected{background:#258e8c;border-color:#258e8c}.vote-options label.route-balanced.selected{background:#b47708;border-color:#b47708}.vote-options label.route-adventurous.selected{background:#c24c63;border-color:#c24c63}.vote-options label.route-custom.selected{background:#7654a9;border-color:#7654a9}.custom-input{color:#315b50;margin-top:12px;font-size:.82rem;font-weight:800;display:block}.custom-input input{width:min(100%,480px);color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #a7bca5;border-radius:10px;margin-top:6px;padding:10px 12px;display:block}.vote-button,.reset-button{background:var(--palm);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:45px;margin-top:15px;padding:10px 16px;font:800 .86rem Manrope,system-ui,sans-serif}.vote-button:disabled,.reset-button:disabled{opacity:.65;cursor:wait}.reset-button{color:#315b50;background:0 0;border:1px solid #789a78}.poll-message{color:#315b50;margin:12px 0 0;font-size:.85rem;font-weight:800}.scoreboard{gap:9px;margin:18px 0 0;display:grid}.score-row{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:11px 13px;position:relative;overflow:hidden}.score-row.winner{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--sun)}.score-fill{opacity:.18;position:absolute;inset:0 auto 0 0}.score-easy .score-fill{background:#58cfc5}.score-balanced .score-fill{background:#ffc64d}.score-adventurous .score-fill{background:#f57583}.score-custom .score-fill{background:#9a78dc}.score-top{justify-content:space-between;align-items:center;gap:9px;font-size:.84rem;display:flex;position:relative}.score-top strong{font-weight:900}.score-top span{font-size:.78rem;font-weight:900}.score-row p{color:var(--muted);margin:4px 0 0;font-size:.79rem;position:relative}.fineprint{color:#527067;margin:14px 0 0;font-size:.73rem}.timeline{background:#fff0d2;border-radius:21px;grid-template-columns:.75fr 1.25fr;gap:25px;margin-top:68px;padding:28px;display:grid}.timeline p{color:var(--muted)}.steps{border-left:2px solid var(--sea);padding-left:21px}.step{padding:0 0 16px;position:relative}.step:before{border:3px solid var(--sea);background:var(--mango);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-28px}.step b{display:block}.step small{color:var(--muted)}.cambodia-card{background:linear-gradient(135deg,#edf5dd,#e3f4d7);border:1px solid #d5e4bd;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:17px;margin-top:22px;padding:24px 25px;display:grid}.cambodia-mark{background:#fffdf8;border-radius:50%;place-items:center;width:55px;height:55px;font-size:1.55rem;display:grid}.cambodia-card h2{font-size:1.35rem}.cambodia-card p:last-child{color:#315b50;max-width:800px;margin:0}footer{color:var(--muted);letter-spacing:.05em;text-align:center;margin:54px auto 28px;font-size:.72rem;line-height:1.8}footer div+div{font-size:.68rem}@media (max-width:768px){.shell{width:min(100% - 26px,1100px)}.hero{background-position:58%;min-height:0}.hero-copy{padding:30px 0}.hero h1{font-size:clamp(2.3rem,10vw,3.15rem)}nav{letter-spacing:.055em;padding:16px 0;font-size:.66rem}.decision-grid,.timeline{grid-template-columns:1fr;gap:13px}.decision-grid{margin-bottom:30px}.trip-facts{grid-template-columns:1fr;margin-bottom:42px}.trip-facts div{align-items:baseline;gap:10px;display:flex}.trip-facts b{margin:0}.route-card{grid-template-columns:1fr}.map{min-height:230px}.compare,.timeline{margin-top:52px}.cambodia-card{grid-template-columns:1fr;gap:8px;padding:20px}.cambodia-mark{width:46px;height:46px;font-size:1.3rem}.vote-options{gap:7px}.poll{padding:19px 15px}.poll-heading{align-items:center}.score-top{align-items:flex-start}.score-row{padding:10px 11px}footer{margin:34px auto 20px}}@media (max-width:390px){h1{font-size:2.25rem;line-height:1.04}.hero-chips{margin-top:15px}.hero-chips span{font-size:.74rem}.section-head{margin-bottom:18px}.poll h3{font-size:1.45rem}.vote-options label{min-height:48px;padding:8px 5px;font-size:.8rem}.people-options label{font-size:.76rem}.live-dot{font-size:.62rem}.cambodia-card{margin-top:16px}}