:root{--bg:#fff;--fg:#1b2230;--muted:#667085;--line:#e6e8ee;--accent:#2f6f6a;--accent-soft:#e9f4f2;--card:#fff;--shadow:0 1px 3px #00000014;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--fg:#e7ecf2;--muted:#9aa5b1;--line:#232a33;--accent:#5fc0b6;--accent-soft:#10211f;--card:#151b22;--shadow:0 1px 3px #0006}}:root{--font-display:"Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", "Noto Sans JP", Meiryo, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.75}a{color:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}main.container>p,main.container>.lead,main.container>.disclaimer,main.container>.disclosure{max-width:760px}.gallery,.hero{max-width:860px;margin-left:auto;margin-right:auto}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;padding:12px 0;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:12px;display:flex}.site-header .brand{font-size:18px;font-weight:700;text-decoration:none}.site-header .brand span{color:var(--accent)}.hnav{gap:14px;font-size:14px;display:flex}.hnav a{color:var(--muted);text-decoration:none}.hnav a:hover{color:var(--accent)}@media (max-width:680px){.site-header .container{flex-wrap:wrap;row-gap:4px}.site-header .brand{font-size:15px;line-height:1.25}.hnav{white-space:nowrap;flex-wrap:nowrap;gap:16px;width:100%;padding-bottom:2px;font-size:13px;overflow-x:auto}.hnav a{flex:none}}.breadcrumb{color:var(--muted);margin:18px 0 6px;font-size:13px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}h1{font-size:26px;line-height:1.4;font-family:var(--font-display);letter-spacing:.01em;margin:10px 0 14px;font-weight:900}h2{border-left:4px solid var(--accent);font-size:20px;font-family:var(--font-display);margin:32px 0 12px;padding-left:10px;font-weight:700}h2 a{text-decoration:none}.lead{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);margin:16px 0 8px;padding:16px 18px;font-size:15px}.disclosure{color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin:12px 0;padding:8px 12px;font-size:12px}.disclaimer{color:var(--muted);background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;margin:14px 0;padding:10px 14px;font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:16px;text-decoration:none;transition:transform 80ms,border-color 80ms;display:block}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card .cat-name{font-size:16px;font-weight:700}.card .cat-desc{color:var(--muted);margin-top:6px;font-size:13px}.card .count-badge{background:var(--accent-soft);border:1px solid var(--line);border-radius:999px;margin-top:8px;padding:2px 10px;font-size:12px;display:inline-block}.ess{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.chips{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.chip:hover{border-color:var(--accent);color:var(--accent)}.table-wrap{margin:12px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}th{background:var(--accent-soft);white-space:nowrap;width:9em}.place-meta{color:var(--muted);font-size:12px}.gear{margin:8px 0}.gear-hero{text-align:center;margin:12px 0}.gear-hero img{object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);vertical-align:middle;background:#f3f6f5;width:150px;height:150px;padding:8px;display:inline-block}.card-img.illust .thumb{object-fit:contain;background:var(--accent-soft);height:110px;padding:6px}.howto{margin:10px 0;padding-left:20px}.howto li{margin:6px 0}.tier-title{color:var(--accent);margin:18px 0 8px;font-size:15px;font-weight:700}.mistakes{margin:10px 0;padding:0;list-style:none}.mistakes li{color:#8a3324;background:#fff4f2;border:1px solid #f3c9c0;border-radius:8px;margin:8px 0;padding:8px 12px 8px 36px;font-size:14px;position:relative}.mistakes li:before{content:"⚠";position:absolute;left:12px}@media (prefers-color-scheme:dark){.mistakes li{color:#f0b7ab;background:#2a1714;border-color:#5a2a22}}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:10px 0;padding:12px 16px}.faq-q{font-weight:700}.faq-a{color:var(--muted);margin-top:4px;font-size:14px}.gearlist{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.gearcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px;text-decoration:none;transition:transform 80ms,border-color 80ms;display:flex;overflow:hidden}.gearcard:hover{border-color:var(--accent);transform:translateY(-2px)}.gearcard-img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:84px;height:84px;padding:4px}.gearcard-noimg{background:var(--accent-soft);justify-content:center;align-items:center;font-size:28px;display:flex}.gearcard-body{flex-direction:column;gap:2px;min-width:0;display:flex}.gearcard-label{font-size:14px;font-weight:700}.gearcard-why{color:var(--muted);font-size:12px}.gearcard-price{color:var(--accent);margin-top:auto;font-size:14px;font-weight:800}.gearcard-rev{color:var(--muted);margin-left:6px;font-size:11px;font-weight:600}.gearcard-cta{color:var(--accent);margin-top:2px;font-size:12px;font-weight:700}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:24px 0;font-size:13px}.site-footer a{text-decoration:none}section{margin-top:8px}.chip-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.chip-outline{border-color:var(--accent);color:var(--accent);font-weight:700}.card-spec{color:var(--accent);margin-top:4px;font-size:12px;font-weight:600}.search{margin:14px 0;position:relative}.search input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--fg);border-radius:12px;padding:12px 16px;font-size:16px}.search input:focus{border-color:var(--accent);outline:none}.search-results{z-index:20;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin-top:6px;position:absolute;left:0;right:0;overflow:hidden}.search-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--accent-soft);color:var(--accent)}.search-badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:1px 8px;font-size:11px}.search-empty{color:var(--muted);padding:12px 14px;font-size:13px}.planner-controls{flex-wrap:wrap;gap:14px;display:flex}.planner-controls label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.planner-controls select{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:10px;min-width:220px;padding:10px 12px;font-size:15px}.product-img{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:120px;margin-bottom:6px}.card.product{flex-direction:column;display:flex}.card-img{padding-top:10px}.card-img .thumb{object-fit:cover;object-position:center;background:var(--accent-soft);border-radius:8px;width:100%;height:150px;margin-bottom:8px}.hero{margin:12px 0}.hero img{object-fit:cover;border-radius:var(--radius);background:var(--accent-soft);width:100%;max-height:420px;display:block}.hero figcaption{color:var(--muted);text-align:right;margin-top:4px;font-size:12px}.hero figcaption a{color:var(--accent)}.gallery{margin:12px 0}.gallery-hero{border:1px solid var(--line);border-radius:var(--radius);cursor:zoom-in;background:#000;width:100%;padding:0;display:block;overflow:hidden}.gallery-hero img{object-fit:contain;background:#000;width:100%;height:300px;display:block}.gallery-thumbs{gap:8px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gallery-thumbs img{object-fit:cover;cursor:zoom-in;border:1px solid var(--line);background:var(--accent-soft);border-radius:8px;flex:none;width:90px;height:68px}.gallery-cap{color:var(--muted);margin-top:6px;font-size:12px}.gallery-cap a,.gallery-credit a,.lightbox-credit a{color:var(--accent)}.lightbox{z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:86vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;line-height:1;position:absolute;top:10px;right:16px}.lightbox-credit{color:#ddd;text-align:center;max-width:92%;margin-top:10px;font-size:12px}.lightbox-credit a{color:#9fd3b4}.lightbox-nav{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:8px;padding:6px 16px;font-size:44px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.hero-collage{isolation:isolate;background:radial-gradient(120% 150% at 82% 18%,#2f6f6a 0%,#255b57 46%,#173f3b 100%);width:100vw;margin:8px calc(50% - 50vw) 24px;position:relative;overflow:hidden}.hero-collage .hero-stage{align-items:center;max-width:1120px;min-height:clamp(300px,40vw,440px);margin:0 auto;padding:44px 24px;display:flex;position:relative}.hero-collage .hero-copy{z-index:3;max-width:34rem;position:relative}.hero-char-hero .hero-stage{min-height:clamp(380px,44vw,560px)}.hero-char-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(52% 62% at 72% 52%,#96dcd052,#96dcd000 72%);width:62%;position:absolute;inset:0 0 0 auto}.hero-char{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 26px 46px #051a1880);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:clamp(320px,48vw,580px);position:absolute;bottom:-2px;right:clamp(-8px,4vw,96px);transform:scaleX(-1)}@media (prefers-reduced-motion:no-preference){.hero-char{animation:6s ease-in-out infinite alternate hero-char-float}@keyframes hero-char-float{0%{transform:scaleX(-1)translateY(5px)}to{transform:scaleX(-1)translateY(-9px)}}}@media (max-width:760px){.hero-char{opacity:.9;height:clamp(190px,54vw,310px);bottom:-4px;right:-8px}.hero-char-hero:after{background:radial-gradient(70% 50% at 70% 75%,#96dcd038,#0000 72%);width:100%}}.hero-collage .hero-kicker{letter-spacing:.14em;color:#ffdfa6;background:#ffd79a1f;border:1px solid #ffd79a61;border-radius:999px;margin:0 0 16px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-block}.hero-collage .hero-title{color:#fff;letter-spacing:.01em;text-shadow:0 2px 18px #081c1a59;border:0;margin:0 0 14px;padding:0;font-size:clamp(26px,4.6vw,44px);font-weight:800;line-height:1.28}.hero-collage .hero-title b,.hero-collage .hero-title strong{color:#ffd79a}.hero-collage .hero-sub{color:#e6f2f0;max-width:30rem;margin:0 0 18px;font-size:clamp(14px,1.6vw,16px);line-height:1.8}.hero-collage .hero-sub strong{color:#fff}.hero-collage .hero-cta{color:#1b2230;background:#e0a449;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 10px 24px #e0a44959}.hero-collage .hero-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e0a44973}.hero-collage .collage{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.collage-item{left:var(--x);top:var(--y);width:calc(var(--s) * 1px);aspect-ratio:1;margin:calc(var(--s) * -.5px) 0 0 calc(var(--s) * -.5px);opacity:var(--o,1);filter:blur(var(--b,0px));transform:translate3d(0, var(--py,0px), 0);position:absolute}.collage-tile{width:100%;height:100%;transform:rotate(var(--r,0deg));place-items:center;display:grid}.collage-tile img{object-fit:contain;filter:drop-shadow(0 16px 24px #051a1873);width:100%;height:100%;display:block}.collage-ph{width:86%;height:86%;font-size:calc(var(--s) * .4px);background:linear-gradient(150deg,#ffffffeb,#dfefecd1);border-radius:24%;place-items:center;line-height:1;display:grid;box-shadow:0 16px 34px #051a1852}.hero-collage .hero-stage:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(65% 90% at 22%,#10302cd1,#10302c52 48%,#0000 70%),linear-gradient(90deg,#10302cb8 0%,#0000 52%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.collage-tile{animation:collage-float calc(7s + (var(--i,0) * .5s)) ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -.37s)}@keyframes collage-float{0%{transform:rotate(var(--r,0deg)) translateY(-5px)}to{transform:rotate(var(--r,0deg)) translateY(6px)}}.collage-item{opacity:0;animation:.8s forwards collage-in;animation-delay:calc(.2s + var(--i,0) * 50ms)}@keyframes collage-in{to{opacity:var(--o,1)}}}@media (max-width:680px){.hero-collage .hero-stage{align-items:flex-start;min-height:360px;padding:32px 18px}.hero-collage .hero-copy{max-width:100%}.collage-item{width:calc(var(--s) * .6px)}.hero-collage .hero-stage:before{background:linear-gradient(#10302c8c 0%,#10302cd1 60%,#10302ce6 100%)}}.domain-banner{background:linear-gradient(115deg, var(--accent-soft) 0%, var(--card) 70%);border:1px solid var(--line);border-radius:16px;margin:28px 0 14px;padding:18px 22px;overflow:hidden}.domain-banner-title{border:0;margin:0 0 6px;padding:0;font-size:21px;line-height:1.35}.domain-banner-title a{text-decoration:none}.domain-banner-title a:hover{color:var(--accent)}.domain-banner-tagline{color:var(--muted);margin:0 0 4px;font-size:13px}.domain-banner .chips{margin:0}.domain-banner-art{justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,28px);margin:16px auto 18px;display:flex}.domain-banner-art img{object-fit:contain;filter:drop-shadow(0 10px 14px #051a1833);flex:1 1 0;width:0;min-width:0;height:auto;max-height:124px;display:block}@media (prefers-reduced-motion:no-preference){.domain-banner-art img{animation:dfloat calc(5.5s + var(--n,0) * .6s) ease-in-out infinite alternate;animation-delay:calc(var(--n,0) * -.5s)}@keyframes dfloat{0%{transform:translateY(-3px)}to{transform:translateY(4px)}}}@media (max-width:700px){.domain-banner-art img:nth-child(n+6){display:none}}@media (max-width:560px){.domain-banner{padding:16px}.domain-banner-art{gap:6px;margin:12px auto 14px}.domain-banner-art img{max-height:76px}}@media (max-width:767px){.home-species-grid>:nth-child(n+9){display:none}}.gearcard-img{background:var(--accent-soft);filter:drop-shadow(0 6px 10px #051a1829)}.gear-hero img{background:var(--accent-soft)}.card-img.illust{align-items:stretch;gap:14px;padding:12px 14px;display:flex}.card-img.illust .thumb{object-fit:contain;background:var(--accent-soft);filter:drop-shadow(0 8px 12px #051a1829);border-radius:8px;flex:none;align-self:stretch;width:92px;height:auto;min-height:72px;margin:0;padding:6px}.card-img.illust .card-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.card-img.illust .cat-desc{margin-top:4px}.plan-gear-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plan-filter{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.plan-filter input{width:15px;height:15px;accent-color:var(--accent)}.plan-gear{flex-direction:column;gap:14px;margin-top:8px;display:flex}.plan-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:14px;display:flex;overflow:hidden}.plan-item.is-essential{border-left:4px solid var(--accent)}.plan-item-info{align-items:flex-start;gap:12px;display:flex}.plan-item-icon{object-fit:contain;background:var(--accent-soft);filter:drop-shadow(0 6px 10px #051a1829);border-radius:10px;flex:none;width:64px;height:64px;padding:5px}.plan-item-noicon{place-items:center;font-size:30px;display:grid}.plan-item-text{min-width:0}.plan-item-label{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.plan-item-why{color:var(--muted);margin-top:3px;font-size:13px}.plan-more{color:var(--accent);margin-top:6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.plan-more:hover{text-decoration:underline}.fit-badge{color:#1b2230;background:#ffd79a;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700}.plan-recs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.plan-recs::-webkit-scrollbar{height:8px}.plan-recs::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.plan-rec{scroll-snap-align:start;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:none;gap:4px;width:150px;padding:8px;text-decoration:none;transition:border-color 80ms,transform 80ms;display:flex}.plan-rec:hover{border-color:var(--accent);transform:translateY(-2px)}.plan-rec-imgwrap{position:relative}.plan-rec-img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:118px}.plan-rec-noimg{place-items:center;font-size:30px;display:grid}.rec-badge{color:#fff;background:#2f6f6aeb;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.rec-badge.rec-small{background:#8a3324e6}.rec-badge.rec-ok{background:#2f6f6ab3}.rec-badge.rec-info{background:#28303cd1}.faq-acc-list{flex-direction:column;gap:8px;margin:10px 0;display:flex}.faq-acc{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}.faq-acc>summary{cursor:pointer;padding:14px 46px 14px 16px;font-size:15px;font-weight:700;line-height:1.5;list-style:none;position:relative}.faq-acc>summary::-webkit-details-marker{display:none}.faq-acc>summary:after{content:"＋";color:var(--accent);font-size:18px;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.faq-acc[open]>summary:after{content:"−"}.faq-acc[open]>summary{border-bottom:1px solid var(--line)}.faq-acc>summary:hover{color:var(--accent)}.faq-acc-body{padding:12px 16px 14px}.faq-acc-body p{color:var(--fg);margin:0 0 8px;font-size:14px;line-height:1.8}.plan-rec-name{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.plan-rec-price{color:var(--accent);margin-top:auto;font-size:14px;font-weight:800}.plan-rec-rev{color:var(--muted);font-size:10px;font-weight:600}.plan-rec-cta{color:var(--accent);font-size:11px;font-weight:700}.plan-rec-search{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.plan-rec-search:hover{text-decoration:underline}.viv-hero{isolation:isolate;color:#f3efe6;background:radial-gradient(125% 125% at 80% -5%,#3a827a 0%,#1d514b 42%,#0b2a27 100%);width:100vw;min-height:clamp(460px,54vw,640px);margin:8px calc(50% - 50vw) 28px;position:relative;overflow:hidden}.viv-hero:before{content:"";z-index:6;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;position:absolute;inset:0}.viv-hero:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(135% 95% at 52% 22%,#0000 50%,#0412109e 100%);position:absolute;inset:0}.viv-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.viv-glow{background:radial-gradient(46% 46% at 62%,#96e0d261,#0000 72%);width:54%;height:135%;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.viv-leaf{fill:#082621;stroke:#082621;opacity:.5;filter:blur(2px);width:clamp(180px,22vw,360px);height:auto;position:absolute}.viv-leaf-1{top:-12%;left:-5%;transform:rotate(20deg)}.viv-leaf-2{opacity:.32;bottom:-26%;left:7%;transform:rotate(-24deg)}.viv-leaf-3{opacity:.26;width:clamp(140px,15vw,240px);top:-20%;right:34%;transform:rotate(44deg)}.viv-char-shadow{z-index:2;filter:blur(6px);pointer-events:none;background:radial-gradient(50% 50%,#03100e80,#0000 72%);border-radius:50%;width:clamp(150px,18vw,280px);height:28px;position:absolute;bottom:clamp(80px,13vw,160px);left:clamp(50%,56vw,62%)}.viv-char{z-index:3;object-fit:contain;filter:drop-shadow(0 28px 44px #04121080);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:clamp(460px,60vw,780px);position:absolute;bottom:clamp(-120px,-5vw,20px);left:clamp(40%,46vw,52%);right:auto}@media (prefers-reduced-motion:no-preference){.viv-char{animation:6.5s ease-in-out infinite alternate viv-float}@keyframes viv-float{0%{transform:translateY(5px)}to{transform:translateY(-9px)}}}.viv-inner{z-index:5;max-width:1120px;min-height:inherit;flex-direction:column;justify-content:center;margin:0 auto;padding:clamp(44px,6vw,84px) 24px;display:flex;position:relative}.viv-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;color:#a7e3d6;align-items:center;gap:14px;margin:0 0 20px;font-size:12px;display:flex}.viv-eyebrow:before{content:"";opacity:.55;background:currentColor;width:34px;height:1px}.viv-eyebrow span{color:#e4d9b4;opacity:.72;letter-spacing:.12em}.viv-title{font-family:var(--font-display);color:#fbf8f0;letter-spacing:.012em;text-shadow:0 3px 28px #04121073;border:0;margin:0 0 20px;padding:0;font-size:clamp(31px,5.4vw,60px);font-weight:900;line-height:1.16}.viv-title .amb{color:#f3c879}.viv-lead{color:#d8e8e3;max-width:30rem;margin:0 0 28px;font-size:clamp(14px,1.45vw,17px);line-height:1.95}.viv-cta{flex-wrap:wrap;gap:14px;display:flex}.btn-primary{color:#17201a;background:#e8b05a;border-radius:12px;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex;box-shadow:0 12px 26px #e8b05a52}.btn-primary:hover{background:#f0bd6c;transform:translateY(-2px);box-shadow:0 16px 34px #e8b05a70}.btn-ghost{color:#f3efe6;background:#ffffff0a;border:1px solid #ffffff47;border-radius:12px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .1s,background .1s;display:inline-flex}.btn-ghost:hover{background:#ffffff1a;border-color:#fff9}.viv-gauges{z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:clamp(28px,7vw,72px);right:24px}.gauge{font-family:var(--font-mono);letter-spacing:.03em;color:#eafffb;-webkit-backdrop-filter:blur(8px);background:#08221e8c;border:1px solid #ffffff29;border-radius:11px;align-items:center;gap:9px;padding:8px 13px;font-size:12.5px;display:inline-flex;box-shadow:0 6px 18px #03100e4d}.gauge b{color:#fff;font-weight:500}.gauge .g-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.g-temp{color:#f2a65a;background:#f2a65a}.g-uvb{color:#8ad6c8;background:#8ad6c8}.g-hum{color:#7fb0e0;background:#7fb0e0}@media (max-width:860px){.viv-gauges{flex-flow:wrap;top:auto;bottom:clamp(16px,5vw,40px);right:clamp(16px,4vw,40px)}}@media (max-width:680px){.viv-hero{min-height:auto}.viv-inner{padding:80px 20px 230px}.viv-char{height:clamp(240px,66vw,380px);bottom:-14px;left:50%;right:auto;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.viv-char{animation:6.5s ease-in-out infinite alternate viv-float-m}@keyframes viv-float-m{0%{transform:translate(-50%)translateY(4px)}to{transform:translate(-50%)translateY(-7px)}}}.viv-char-shadow{width:160px;height:24px;bottom:4px;left:50%;right:auto;transform:translate(-50%)}.viv-gauges{flex-direction:row;align-items:flex-start;margin-top:22px;position:static}.viv-glow{width:150%;top:80%;left:50%;right:auto;transform:translate(-50%,-50%)}}