:root{color-scheme:light;--orange:#f0700c;--orange-dark:#d85c00;--gold:#ffc84c;--navy:#151b2b;--ink:#202b40;--muted:#657187;--line:#e4e8ee;--canvas:#f6f7f9;--cream:#fff6e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.container{width:min(1240px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ambient{position:absolute;pointer-events:none;filter:blur(100px);z-index:-1}.ambient-one{width:650px;height:650px;top:-300px;right:-180px;background:radial-gradient(circle,rgba(255,188,75,.23),transparent 68%)}.ambient-two{width:500px;height:500px;top:520px;left:-280px;background:radial-gradient(circle,rgba(240,112,12,.1),transparent 68%)}
.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;letter-spacing:-1px;font-weight:900;color:var(--navy)}.brand-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--orange);font-size:17px;color:#fff;box-shadow:0 6px 18px rgba(240,112,12,.22)}.brand-light{font-weight:400;color:var(--orange)}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto}.site-header nav a{color:#5f6b7f;font-size:13px;font-weight:700;transition:color .2s}.site-header nav a:hover,.site-footer a:hover{color:var(--orange)}.header-cta{font-size:12px;font-weight:800;padding:10px 17px;border:1px solid rgba(240,112,12,.35);border-radius:100px;color:var(--orange-dark);background:#fff6ec;transition:background .2s,transform .2s}.header-cta:hover{background:#ffead4;transform:translateY(-2px)}
.hero{min-height:690px;display:flex;align-items:center;border-bottom:1px solid #f1e8dd;background:radial-gradient(circle at 80% 50%,rgba(255,190,85,.28),transparent 37%),linear-gradient(145deg,#fff 16%,#fff4e7 100%)}.hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px;padding:74px 0 90px}.status-pill{display:inline-flex;align-items:center;gap:10px;color:#a74b00;background:#fff0d9;border:1px solid #ffd7a9;border-radius:100px;padding:8px 13px;font-size:10px;font-weight:800;letter-spacing:1.6px}.status-pill>span{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px #ffb768}.status-pill em{font-style:normal;color:#a57651;border-left:1px solid #f0c79e;padding-left:10px}.hero h1{font-size:clamp(54px,6.4vw,98px);line-height:1.02;letter-spacing:-.072em;margin:26px 0 22px;max-width:780px;color:var(--navy)}.hero h1 span,.how-grid h2 span{color:var(--orange)}.hero-copy>p{max-width:570px;color:#657084;font-size:17px;line-height:1.75;margin-bottom:30px}.search-form{height:58px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 17px;border:1px solid #e6e4e2;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(91,61,19,.09);max-width:610px}.search-form:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(240,112,12,.11)}.search-icon{font-size:30px;color:#9ba4b3;line-height:1;transform:rotate(-30deg);margin-right:3px}.search-form input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-size:14px}.search-form input::placeholder{color:#97a0af}.search-form button{height:45px;border:0;border-radius:11px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;padding:0 17px;white-space:nowrap;transition:background .2s,transform .2s}.search-form button:hover,.primary-button:hover{background:var(--orange-dark);transform:translateY(-2px)}.search-form button span{margin-left:9px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:20px}.primary-button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:12px;padding:11px 20px;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(240,112,12,.19);transition:transform .2s,background .2s}.primary-button span{font-size:19px;font-weight:400;line-height:1}.text-button{font-size:13px;font-weight:700;color:#5d6777;white-space:nowrap}.text-button span{padding-left:10px;color:var(--orange)}.text-button:hover{color:var(--orange-dark)}.hero-note{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:11px;color:#838b9a}.spark{font-size:20px;color:var(--orange)}.hero-visual{height:500px;position:relative}.hero-visual-glow{position:absolute;width:420px;height:420px;top:45px;left:50px;border-radius:50%;background:rgba(255,174,63,.32);filter:blur(80px)}.hero-photo{position:absolute;overflow:hidden;background:#fff;border:1px solid rgba(188,138,75,.18);box-shadow:0 24px 70px rgba(96,67,31,.19)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo-main{width:61%;height:78%;left:14%;top:12%;border-radius:25px;transform:rotate(-7deg)}.hero-photo-small{width:39%;height:39%;right:1%;border-radius:22px}.hero-photo-small.top{top:0;transform:rotate(10deg)}.hero-photo-small.bottom{bottom:0;right:2%;transform:rotate(8deg)}.visual-tag{position:absolute;bottom:37px;left:0;padding:14px 18px;background:rgba(255,255,255,.94);border:1px solid #ffd7a9;backdrop-filter:blur(14px);border-radius:12px;font-size:12px;font-weight:800;letter-spacing:1.7px;transform:rotate(-6deg);box-shadow:0 20px 40px rgba(96,67,31,.13)}.visual-tag span{color:var(--orange);margin-left:30px;font-size:18px}
.section{padding:104px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.eyebrow{display:block;color:var(--orange-dark);font-size:11px;letter-spacing:2.2px;font-weight:900;margin-bottom:12px}.section-head h2,.how-grid h2,.checklist-grid h2{font-size:clamp(37px,4.7vw,64px);line-height:1.07;letter-spacing:-.06em;margin:0;color:var(--navy)}.section-head>p{max-width:370px;color:#687488;font-size:14px;line-height:1.65;margin:0 0 5px}.category-section{background:var(--canvas)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-tile{min-height:190px;display:flex;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-5px);border-color:#f4b573;box-shadow:0 18px 35px rgba(52,63,80,.08)}.category-index{color:#95a0ae;font-size:10px;letter-spacing:1.5px;font-weight:800}.category-tile strong{font-size:23px;line-height:1.1;letter-spacing:-.04em;margin:auto 0 22px;color:var(--navy)}.category-tile>span:last-child{color:var(--orange-dark);font-size:11px;font-weight:700}.category-tile i{float:right;font-style:normal;font-size:19px;line-height:1}
.featured-section{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{display:block;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);border-color:#f4b573;box-shadow:0 18px 40px rgba(43,53,67,.11)}.product-image{display:block;position:relative;aspect-ratio:1.04;background:#f4f5f7;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.product-card:hover img{transform:scale(1.045)}.image-arrow{position:absolute;top:12px;right:12px;width:29px;height:29px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;font-size:17px}.product-info{display:flex;flex-direction:column;padding:16px 17px 18px;min-height:126px}.product-brand{color:var(--orange-dark);text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:1.2px;margin-bottom:5px}.product-info strong{font-size:14px;line-height:1.36;height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-meta{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.product-meta b{font-size:17px;color:var(--navy)}.product-meta span{font-size:10px;color:#7c8798;text-align:right}.section-action{text-align:center;margin-top:32px}.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 22px;border:1px solid #f3b777;color:var(--orange-dark);font-size:12px;font-weight:800;border-radius:11px;background:#fffaf3}.outline-button:hover{background:#fff0da}
.how-section{background:radial-gradient(circle at 24% 55%,rgba(240,112,12,.16),transparent 35%),var(--navy);border-block:1px solid var(--navy)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.how-grid h2{margin-bottom:24px;color:#fff}.how-grid>div:first-child>p{max-width:420px;color:#aeb9ca;line-height:1.7;font-size:15px;margin-bottom:30px}.how-grid .eyebrow{color:#ffb56c}.how-grid .text-button{color:#fff}.steps{border-top:1px solid rgba(255,255,255,.15)}.steps>div{display:grid;grid-template-columns:50px 1fr;column-gap:15px;border-bottom:1px solid rgba(255,255,255,.15);padding:22px 0}.steps b{grid-row:span 2;color:#ffad59;font-size:12px}.steps strong{font-size:18px;letter-spacing:-.02em;color:#fff}.steps p{color:#aeb9ca;font-size:13px;margin:5px 0 0;line-height:1.55}.guides-section{background:var(--canvas)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{display:flex;flex-direction:column;min-height:270px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);border-color:#f4b573;box-shadow:0 18px 35px rgba(52,63,80,.08)}.guide-card h3{font-size:25px;letter-spacing:-.045em;line-height:1.16;margin:4px 0 15px;color:var(--navy)}.guide-card p{font-size:13px;line-height:1.6;color:#687488}.guide-link{margin-top:auto;color:var(--orange-dark);font-size:12px;font-weight:800}.bottom-cta{padding:55px 0;background:linear-gradient(110deg,#eb6806,#f69627 75%);border-block:1px solid #e86b0b}.bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.bottom-cta .eyebrow{color:#fff4df}.bottom-cta h2{font-size:clamp(26px,3.7vw,45px);letter-spacing:-.05em;margin:0;color:#fff}.bottom-cta .primary-button{background:#fff;color:#b94900;border-color:#fff;box-shadow:0 12px 30px rgba(102,46,10,.18)}.bottom-cta .primary-button:hover{background:#fff3e2}
.site-footer{padding:65px 0 22px;background:var(--navy);color:#fff}.site-footer .brand{color:#fff}.site-footer .brand-light{color:#ffae58}.footer-main{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:65px;padding-bottom:58px}.footer-main p{max-width:330px;font-size:12px;color:#9daabd;line-height:1.7;margin:17px 0 0}.footer-main h3{font-size:12px;text-transform:uppercase;letter-spacing:1.6px}.footer-main>div:nth-child(2){display:flex;flex-direction:column;gap:13px}.footer-main>div:nth-child(2) a{color:#aab6c8;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;color:#8f9bad;font-size:11px}
.inner-hero{padding:70px 0 82px;background:radial-gradient(circle at 80% 30%,rgba(255,190,85,.32),transparent 35%),linear-gradient(145deg,#fff,#fff2e2);border-bottom:1px solid #f0e4d6}.breadcrumbs{display:flex;gap:11px;color:#8793a3;font-size:11px;margin-bottom:50px}.breadcrumbs a:hover{color:var(--orange-dark)}.inner-hero h1{font-size:clamp(48px,7vw,88px);line-height:1.04;letter-spacing:-.07em;max-width:850px;margin:0 0 18px;color:var(--navy)}.inner-hero h1 span{color:var(--orange)}.inner-hero p{max-width:650px;font-size:16px;line-height:1.7;color:#657084;margin-bottom:30px}.inner-actions{display:flex;align-items:center;gap:24px}.category-content{background:#fff}.checklist-section{background:var(--canvas);border-block:1px solid var(--line)}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.checklist-grid ol{padding-left:24px;margin:0}.checklist-grid li{padding:14px 0 18px 8px;color:#4e5d72;border-bottom:1px solid var(--line);line-height:1.6}.checklist-grid li::marker{color:var(--orange);font-weight:800}.article-section{background:#fff}.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:100px}.article-layout aside{height:max-content;position:sticky;top:110px;display:flex;flex-direction:column;gap:13px;border:1px solid var(--line);border-radius:16px;background:var(--canvas);padding:23px}.article-layout aside a{font-size:12px;color:#667386}.article-layout aside a:hover{color:var(--orange-dark)}.article-layout article{max-width:720px}.article-layout article>section{padding:0 0 42px;margin-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.article-layout h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.045em;margin-bottom:16px;color:var(--navy)}.article-layout p{font-size:16px;color:#5d6b7f;line-height:1.8}.article-cta{padding:29px;background:var(--cream);border:1px solid #f3d7b5;border-radius:18px}.article-cta .search-form{margin:20px 0}.article-cta>a{display:inline-block;color:var(--orange-dark);font-size:12px;font-weight:800;margin-top:9px}
@media(max-width:1000px){.hero-grid{gap:24px}.hero-visual{height:390px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.how-grid{gap:50px}}
@media(max-width:720px){.container{width:min(100% - 32px,560px)}.site-header{height:64px}.header-inner{gap:12px}.brand{font-size:17px}.brand-symbol{width:27px;height:27px;font-size:15px}.site-header nav{gap:12px;margin-left:auto}.site-header nav a{font-size:11px}.header-cta{display:none}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;padding:62px 0 70px;gap:20px}.hero h1{font-size:clamp(51px,11vw,72px);margin:23px 0 17px}.hero-copy>p{font-size:15px}.hero-visual{height:300px;margin-top:10px}.hero-photo-main{left:21%;width:54%;height:83%;top:8%}.hero-photo-small{width:35%;height:43%;right:3%}.visual-tag{bottom:10px;left:3%}.section{padding:72px 0}.section-head{display:block}.section-head h2{margin-bottom:12px}.section-head>p{max-width:100%}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:150px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-info{padding:11px;min-height:125px}.product-info strong{font-size:12px}.product-meta{align-items:start}.product-meta b{font-size:14px}.product-meta span{font-size:9px}.guide-grid,.how-grid,.checklist-grid,.article-layout,.footer-main{grid-template-columns:1fr}.how-grid,.checklist-grid,.article-layout,.footer-main{gap:36px}.guide-card{min-height:220px}.bottom-cta-inner{display:block}.bottom-cta .primary-button{margin-top:22px}.article-layout aside{position:static}.inner-hero{padding:45px 0 58px}.breadcrumbs{margin-bottom:38px}.inner-hero h1{font-size:clamp(44px,10vw,65px)}.inner-actions{align-items:start;flex-direction:column;gap:17px}.footer-main{padding-bottom:36px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}
@media(max-width:460px){.site-header nav a:nth-child(3){display:none}.search-form{height:auto;flex-wrap:wrap;padding:10px}.search-form input{font-size:13px;min-height:35px}.search-form button{width:100%}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .primary-button{justify-content:space-between}.status-pill em{display:none}.category-grid{gap:10px}.category-tile{padding:16px}.category-tile strong{font-size:20px}.product-meta{display:block}.product-meta span{display:block;text-align:left;margin-top:4px}.product-image{aspect-ratio:.93}}
