:root{--bg:#111111;--ink:#f2efe9;--head:#fff;--brand:#ff5a4f;--on-brand:#111;--accent:#ff5a4f;--accent-ink:#ff8a82;--line:#34312d;--focus:#ffd24d;--font-display:'Bodoni Moda',Georgia,serif;--font-body:'Inter',system-ui,sans-serif;--btn-r:0}
.f-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;padding:20px 0;flex-wrap:wrap}
.f-brand{font:500 1.5rem var(--font-display);text-decoration:none;color:#fff;letter-spacing:.04em}.f-brand span{color:var(--brand)}
.f-head nav{display:flex;gap:22px;overflow-x:auto;order:3;width:100%;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.f-head nav a{text-decoration:none;white-space:nowrap;padding:4px 0}
@media(min-width:900px){.f-head nav{order:0;width:auto}}
.f-hero{padding-bottom:50px}
.f-hero .wrap{display:grid;gap:12px;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(110px,18vw)}
@media(min-width:900px){.f-hero .wrap{grid-auto-rows:150px}}
.f-hero figure,.f-hero .wrap>div[role=img]{margin:0;overflow:hidden;position:relative}
.f1{grid-column:1/5;grid-row:1/4}.f2{grid-column:5/7;grid-row:1/3}.f3{grid-column:5/7;grid-row:3/5}.f4{grid-column:1/3;grid-row:4/6}.f5{grid-column:3/5;grid-row:4/6}.f6{grid-column:5/7;grid-row:5/6}
.f-hero .txt{grid-column:1/-1;grid-row:6/8;align-self:center;padding:26px 0}
@media(min-width:900px){.f-hero .txt{grid-column:3/7;grid-row:1/2;position:relative;z-index:3;align-self:start;padding:0}}
.f-hero h1{font-size:clamp(2.8rem,8vw,6.2rem);font-weight:500;line-height:.95;margin:0 0 14px}.f-hero h1 em{color:var(--brand)}
.txt-over{background:#111c;padding:20px;backdrop-filter:blur(6px)}
.grad1{background:linear-gradient(135deg,#f6b26b,#c0475f)}.grad2{background:linear-gradient(135deg,#6fb1c8,#2c4f6b)}.grad3{background:linear-gradient(135deg,#a3c586,#3c6b4a)}.grad4{background:linear-gradient(135deg,#e9c9a8,#8c5a3c)}.grad5{background:linear-gradient(135deg,#bda7e0,#4b3a7a)}
.blk{padding:clamp(50px,7vw,92px) 0}.blk h2{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:500}
.chip{background:transparent;color:#f2efe9;border-color:#5a554f;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#111}
.port{columns:2;column-gap:12px}@media(min-width:900px){.port{columns:3}}
.port>div{margin:0 0 12px;break-inside:avoid;position:relative;overflow:hidden}.port>div:nth-child(3n+1){aspect-ratio:3/4}.port>div:nth-child(3n+2){aspect-ratio:1/1}.port>div:nth-child(3n){aspect-ratio:4/5}
.port .cap{position:absolute;left:0;bottom:0;background:#111d;padding:6px 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.pk{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pk article{border:1px solid var(--line);padding:26px}.pk h3{font-size:1.7rem;font-weight:500}.pk .pr{font:500 1.5rem var(--font-display);color:var(--brand)}.pk li{padding:7px 0;border-top:1px solid var(--line)}
.steps{display:grid;gap:0;counter-reset:s;border-top:1px solid var(--line)}@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}.steps li{border-left:1px solid var(--line);padding-left:20px}.steps li:first-child{border-left:0;padding-left:0}}
.steps li{counter-increment:s;padding:22px 0}.steps li::before{content:"0" counter(s);font:500 2.6rem var(--font-display);color:var(--brand);display:block}.steps b{display:block;font-size:1.1rem}
.chk{background:#1b1a19}.chk .wrap{display:grid;gap:30px}@media(min-width:900px){.chk .wrap{grid-template-columns:5fr 6fr}}
.chk .demo-form{background:#fff;color:#111;padding:26px}.chk .btn{background:var(--brand);color:#111}
.f-foot{padding:26px 0;font-size:.92rem}
