:root{--bg:#f6f3ed;--bg-2:#efe8dc;--surface:#fffdf8;--surface-2:#f3eadc;--surface-3:#e9f1ef;--text:#17130e;--muted:#62584a;--soft:#8a7b69;--brand:#0f5f5c;--brand-2:#da6a2a;--brand-3:#184c73;--cream:#fff7e8;--border:#ded4c4;--border-strong:#cbbba6;--focus:#0f5f5c;--shadow-sm:0 10px 24px #35271514;--shadow-md:0 24px 70px #3527151f;--shadow-lg:0 40px 110px #184c732e;--max:1180px;--measure:72ch;--radius:22px;--radius-lg:34px;color-scheme:light}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 0%, #da6a2a24, transparent 34rem), radial-gradient(circle at 88% 2%, #0f5f5c29, transparent 33rem), linear-gradient(180deg, #fbf8f1 0%, var(--bg) 46%, #f8f6f1 100%);color:var(--text);scroll-behavior:smooth;font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}body{text-rendering:optimizelegibility;min-height:100vh;margin:0;line-height:1.65}body:before{content:"";pointer-events:none;z-index:-1;opacity:.5;background:radial-gradient(at 25% 18%,#ffffffb8,#0000 34rem),radial-gradient(at 85% 35%,#e9f1efc7,#0000 30rem);position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 82%)}a{color:var(--brand);text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{color:var(--brand-2)}::selection{color:var(--text);background:#da6a2a3d}:focus-visible{outline:3px solid color-mix(in srgb, var(--focus), white 12%);outline-offset:4px;border-radius:10px}img{max-width:100%;height:auto}.skip-link{position:absolute;top:auto;left:-999px}.skip-link:focus{z-index:999;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.7rem 1rem;top:1rem;left:1rem}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{z-index:50;background:#fffdf9;border-bottom:1px solid #cbbba68c;position:sticky;top:0;box-shadow:0 12px 28px #3527150a}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:86px;display:flex}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.85rem;font-size:1.04rem;font-weight:850;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 16px #184c7324);flex:none;width:112px;height:64px}.nav{flex-wrap:wrap;align-items:center;gap:1.05rem;display:flex}.nav a{color:var(--muted);padding:.35rem .08rem;font-size:.93rem;font-weight:760;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--brand);transform-origin:0;border-radius:99px;height:2px;transition:transform .18s,background-color .18s;position:absolute;bottom:.08rem;left:0;right:0;transform:scaleX(0)}.nav a:hover{color:var(--text)}.nav a:hover:after{background:var(--brand-2);transform:scaleX(1)}.hero{padding:clamp(3.25rem,8vw,7rem) 0 2.4rem}.hero-split{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;line-height:1.05}h1{max-width:10.6ch;margin:0 0 1.15rem;font-size:clamp(2.65rem,7vw,5.8rem)}h2{margin-top:2.4rem;font-size:clamp(1.65rem,3.2vw,2.7rem)}h3{margin-top:1.5rem;font-size:1.18rem}.lead{color:var(--muted);max-width:66ch;font-size:clamp(1.08rem,2vw,1.3rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.cta{background:var(--brand);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.82rem 1.05rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 14px 28px #0f5f5c38}.cta:hover{color:#fff;background:#0a4d4a;transform:translateY(-1px)}.secondary-link{color:var(--text);align-items:center;padding:.82rem 1rem;font-weight:780;text-decoration:none;display:inline-flex}.hero-visual{min-height:430px;position:relative}.system-card{min-height:410px;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#fffdf8e6,#edf5f4d1);border:1px solid #cbbba6b8;border-radius:38px;padding:1.25rem;position:relative;overflow:hidden}.system-card:before{content:"";filter:blur(12px);background:radial-gradient(circle at 35% 40%,#0f5f5c2e,#0000 32%),radial-gradient(circle at 68% 55%,#da6a2a33,#0000 31%);border-radius:999px;position:absolute;inset:11%}.indoor-unit,.outdoor-unit,.line-set,.airflow{position:absolute}.indoor-unit{background:linear-gradient(#fff 0%,#f2efe8 100%);border:1px solid #cbbba6e6;border-radius:28px;height:96px;top:15%;left:12%;right:12%;box-shadow:0 20px 44px #35271524}.indoor-unit:before{content:"";background:linear-gradient(90deg,#0000,#0f5f5c66,#184c734d,#0000);border-radius:99px;height:7px;position:absolute;bottom:18px;left:24px;right:24px}.outdoor-unit{background:linear-gradient(145deg,#153b4d,#0c252f);border:1px solid #ffffff29;border-radius:30px;width:178px;height:152px;bottom:15%;right:9%;box-shadow:0 22px 52px #0c252f47}.outdoor-unit:before{content:"";border:12px solid #ffffff29;border-radius:50%;position:absolute;inset:28px;box-shadow:inset 0 0 0 2px #ffffff1f}.outdoor-unit:after{content:"";background:#6fb7b080;border-radius:50%;position:absolute;inset:61px}.line-set{filter:drop-shadow(0 10px 18px #da6a2a24);background:linear-gradient(#da6a2a9e,#da6a2a9e) 0 100%/10px 96px no-repeat,linear-gradient(90deg,#da6a2a9e,#da6a2a61) 0 100%/100% 10px no-repeat;border-radius:0 0 0 48px;width:48%;height:120px;bottom:25%;left:21%}.airflow{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid;top:41%;left:18%;right:18%}.airflow span{background:linear-gradient(90deg,#0f5f5c00,#0f5f5c73,#184c7300);border-radius:999px;height:12px;animation:4.8s ease-in-out infinite drift}.airflow span:nth-child(2){animation-delay:.55s}.airflow span:nth-child(3){animation-delay:1.1s}@keyframes drift{0%,to{opacity:.55;transform:translate(-8px)}50%{opacity:1;transform:translate(12px)}}.visual-note{max-width:17rem;box-shadow:var(--shadow-sm);background:#fffdf8e0;border:1px solid #cbbba6bf;border-radius:22px;padding:1rem;position:absolute;bottom:1.2rem;left:1.2rem}.visual-note strong{letter-spacing:.05em;text-transform:uppercase;color:var(--brand);margin-bottom:.2rem;font-size:.88rem;display:block}.visual-note p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.45}.section{padding:clamp(2.5rem,7vw,5.5rem) 0}.section-header{max-width:760px;margin-bottom:1.5rem}.section-header h2{margin-top:0;margin-bottom:.75rem}.section-header p{color:var(--muted);margin:0;font-size:1.08rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffdf8d1;border:1px solid #cbbba6b3;padding:1.25rem}.card h2,.card h3{margin-top:0}.topic-grid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:1rem;display:grid}.topic-list{gap:.7rem;display:grid}.topic-item{background:#fffdf8bf;border:1px solid #cbbba694;border-radius:20px;align-items:flex-start;gap:.9rem;padding:1rem;display:flex}.topic-icon{width:36px;height:36px;color:var(--brand);background:#0f5f5c1a;border-radius:13px;flex:none;place-items:center;display:grid}.topic-icon svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.topic-item h3{letter-spacing:-.02em;margin:.05rem 0 .2rem;font-size:1.08rem}.topic-item p{color:var(--muted);margin:0;font-size:.96rem}.comparison-panel{border-radius:var(--radius-lg);color:#f6f3ed;box-shadow:var(--shadow-md);background:#142f3c;padding:1.35rem;position:relative;overflow:hidden}.comparison-panel:before{content:"";background:radial-gradient(circle,#6fb7b052,#0000 62%);height:60%;position:absolute;inset:auto -20% -35%}.comparison-panel h2{color:#fff;margin-top:0}.comparison-panel p{color:#d6e1df}.compare-row{border-top:1px solid #ffffff21;grid-template-columns:1fr auto;gap:1rem;padding:.85rem 0;display:grid;position:relative}.compare-row strong{color:#fff}.compare-row span{color:#9fd2cb;font-weight:800}.article-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(1.2rem,4vw,3rem);display:grid}.prose{border-radius:var(--radius);max-width:none;box-shadow:var(--shadow-sm);background:#fffdf8db;border:1px solid #cbbba6b8;padding:clamp(1.1rem,4vw,2.5rem)}.prose>*{max-width:var(--measure)}.prose p,.prose li{font-size:1.04rem}.prose blockquote{border-left:1px solid var(--brand-2);color:var(--muted);margin-left:0;padding-left:1rem}.sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:98px}.breadcrumbs{color:var(--muted);margin:1.2rem 0;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}.footer{border-top:1px solid var(--border);color:var(--muted);background:#fffdf873;margin-top:4rem;padding:2.5rem 0}.footer nav{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.ad-zone{background:#fffaf1d1;border:1px dashed #c9bba8;border-radius:18px;justify-content:center;align-items:center;min-height:96px;margin:1.5rem 0;display:flex;overflow:hidden}.ad-zone[data-format=sidebar]{min-height:280px;margin-top:0}.ad-zone[data-format=footer]{min-height:160px}.ad-label{color:var(--muted);text-align:center;font-size:.75rem}.article-list{gap:1rem;padding:0;list-style:none;display:grid}.article-list a{color:inherit;text-decoration:none;display:block}.article-meta{color:var(--muted);font-size:.92rem}.notice{border-radius:var(--radius);background:#eef7f3;border:1px solid #cde7dd;padding:1rem}.affiliate-disclosure{border-radius:var(--radius);color:#5f4522;background:#fff7e8;border:1px solid #ead2a7;margin:1.25rem 0;padding:1rem;font-size:.96rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.hero-split,.topic-grid,.article-shell{grid-template-columns:1fr}.hero-visual{min-height:360px}.system-card{min-height:350px}h1{max-width:12ch}.sidebar{position:static}}@media (width<=720px){.container{width:min(100% - 1.15rem, var(--max))}.header-inner{flex-direction:column;align-items:flex-start;padding:.8rem 0}.logo img{width:96px;height:54px}.nav{justify-content:flex-start;gap:.85rem 1rem;width:100%}.nav a{padding:.35rem .05rem;font-size:.86rem}.hero{padding-top:2.35rem}h1{max-width:none;font-size:clamp(2.45rem,14vw,3.9rem)}.grid{grid-template-columns:1fr}.system-card{border-radius:26px;min-height:320px}.indoor-unit{top:13%;left:7%;right:7%}.outdoor-unit{width:142px;height:124px;right:7%}.visual-note{max-width:none;left:.85rem;right:.85rem}}