:root{--bg:#f2efe8;--ink:#161513;--mute:#66635c;--line:#16151322;--acc:#e4572e;--card:#fbfaf6;--hdr:#f2efe8e6;--bar:#efece5;--chip:#fff;--on-ink:#f2efe8;
--hot-bg:#161513;--hot-fg:#f2efe8;--hot-tag:#f07a52;--grain:.07;--ff-h:"Bricolage Grotesque",sans-serif;--ff-b:"Schibsted Grotesk",system-ui,sans-serif;--ff-em:"Instrument Serif",serif;--ff-l:"Schibsted Grotesk",system-ui,sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#141311;--ink:#eeeae2;--mute:#a7a299;--line:#eeeae224;--acc:#f26a40;--card:#1b1a17;--hdr:#141311e6;--bar:#22201c;--chip:#2c2a25;--on-ink:#141311;
--hot-bg:#24221e;--hot-fg:#eeeae2;--hot-tag:#f58a63;--grain:.045;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--ff-b);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:var(--grain);background: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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 5vw}
h1,h2,h3{font-family:var(--ff-h);font-weight:600;letter-spacing:-.03em;line-height:1;margin:0}
em{font-family:var(--ff-em);font-style:italic;font-weight:400;letter-spacing:0}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
header{position:sticky;top:0;z-index:20;background:var(--hdr);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:28px;height:64px}.logo{display:flex;align-items:center;gap:8px;font:600 18px var(--ff-h);text-decoration:none;white-space:nowrap}
.logo i{width:10px;height:10px;background:var(--acc);display:inline-block}
nav{margin-left:auto;display:flex;gap:26px;font-size:15px}nav a{text-decoration:none;position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}
.prefs{display:flex;align-items:center;gap:6px;margin-left:8px}.prefs:first-child,header .logo+.prefs{margin-left:auto}
.pref{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:36px;height:36px;padding:0 9px;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:500 12px/1 var(--ff-l);letter-spacing:.06em;transition:background .2s,color .2s,border-color .2s}
.pref:hover,.pref[aria-expanded=true]{border-color:var(--ink)}.pref:focus-visible,.lmenu button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pref .ico{width:16px;height:16px}#vw-theme{padding:0}
.i-sun{display:none}[data-theme=dark] .i-sun{display:block}[data-theme=dark] .i-moon{display:none}
.lsel{position:relative}.lmenu{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -18px #0006;min-width:160px;z-index:30}
.lmenu[hidden]{display:none}.lmenu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;background:none;border:0;color:var(--ink);font:500 14px var(--ff-b);cursor:pointer;text-align:left}
.lmenu button i{font:500 11px var(--ff-l);font-style:normal;color:var(--mute);letter-spacing:.08em}.lmenu button:hover{background:var(--bar)}.lmenu button[aria-checked=true]{color:var(--acc)}
.hero{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:9vw 0 6vw;align-items:end}
.hero .k{grid-column:1/13;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;gap:10px;align-items:center}
.hero .k:before{content:"";width:28px;height:1px;background:var(--mute)}
.hero h1{grid-column:1/10;font-size:clamp(2.8rem,7.4vw,6.6rem)}.hero h1 em{color:var(--acc)}
.hero .side{grid-column:10/13;border-left:1px solid var(--line);padding-left:22px;color:var(--mute);font-size:16px}
.hero .side b{color:var(--ink);display:block;font:600 2.6rem/1 var(--ff-h);margin-bottom:6px}
.cta{grid-column:1/13;display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--on-ink);padding:14px 22px;text-decoration:none;font-weight:500;border:1px solid var(--ink);cursor:pointer;font:500 16px var(--ff-b);transition:background .25s,color .25s,border-color .25s}
.btn .ico{width:18px;height:18px;transition:transform .25s}.btn:hover{background:var(--acc);border-color:var(--acc);color:#fff}.btn:hover .ico{transform:translateX(4px)}
[data-theme=dark] .btn:hover{color:#141311}
.btn.ghost{background:none;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
section{padding:7vw 0;border-top:1px solid var(--line)}
.sh{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:48px}.sh .n{grid-column:1/3;font:500 13px var(--ff-l);color:var(--mute);padding-top:10px}
.sh h2{grid-column:3/10;font-size:clamp(2rem,4.4vw,3.6rem)}.sh p{grid-column:10/13;color:var(--mute);margin:0;align-self:end;font-size:15px}
.svc{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.svc>div{padding:28px 28px 28px 0;border-right:1px solid var(--line)}.svc>div+div{padding-left:28px}.svc>div:last-child{border-right:0}
.svc h3{font-size:1.35rem;margin:18px 0 8px}.svc p{color:var(--mute);margin:0;font-size:15px}.svc .ico{width:28px;height:28px;color:var(--acc)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:2fr 4fr 5fr 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);align-items:baseline;transition:padding .3s}
.steps li:before{content:"0" counter(s);font:400 2.4rem/1 var(--ff-em);font-style:italic;color:var(--acc)}
.steps li:hover{padding-left:12px}.steps h3{font-size:1.4rem}.steps p{margin:0;color:var(--mute)}.steps span{text-align:right;font-size:13px;color:var(--mute)}
.price{display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;border:1px solid var(--ink)}
.plan{padding:34px 30px;display:flex;flex-direction:column;gap:14px;background:var(--card)}.plan+.plan{border-left:1px solid var(--ink)}
.plan .tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.plan .p{font:600 3rem/1 var(--ff-h);letter-spacing:-.04em}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:15px}.plan li{display:flex;gap:10px}.plan li .ico{width:18px;height:18px;margin-top:3px;color:var(--acc)}
.plan .btn{margin-top:auto;justify-content:space-between}
.plan.hot{background:var(--hot-bg);color:var(--hot-fg);margin:-14px 0;box-shadow:0 24px 40px -24px #0008}.plan.hot .tag{color:var(--hot-tag)}.plan.hot li .ico{color:var(--hot-tag)}
.plan.hot .btn{background:var(--acc);border-color:var(--acc);color:#fff}.plan.hot .btn:hover{background:var(--hot-fg);border-color:var(--hot-fg);color:var(--hot-bg)}
[data-theme=dark] .plan.hot{outline:1px solid var(--acc);outline-offset:-1px}[data-theme=dark] .plan.hot .btn{color:#141311}
.note{font-size:14px;color:var(--mute);margin-top:22px}
.work{display:grid;grid-template-columns:repeat(12,1fr);gap:32px 24px}
.proj{text-decoration:none;display:block}.proj:nth-child(1){grid-column:1/8}.proj:nth-child(2){grid-column:8/13;margin-top:90px}.proj:nth-child(3){grid-column:3/10}
.frame{border:1px solid var(--ink);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 30px 50px -35px #0007;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--bar)}.bar i{width:9px;height:9px;border-radius:50%;border:1px solid var(--mute);opacity:.6}
.bar span{margin-left:12px;font-size:11px;color:var(--mute);background:var(--chip);padding:2px 10px;border-radius:4px;flex:1;max-width:260px}
.frame img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.proj:hover .frame{transform:translateY(-6px) rotate(-.4deg)}
.meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:15px}.meta b{font:600 1.15rem var(--ff-h)}.meta small{color:var(--mute)}
.meta .ico{width:18px;height:18px;transition:transform .3s}.proj:hover .meta .ico{transform:rotate(-45deg)}
.faq{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.faq>div{grid-column:3/13}
details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:500 1.2rem var(--ff-h)}summary::-webkit-details-marker{display:none}
summary .ico{transition:transform .3s}details[open] summary .ico{transform:rotate(45deg)}details p{color:var(--mute);margin:12px 0 0;max-width:640px}
.contact{display:grid;grid-template-columns:5fr 7fr;gap:5vw}.contact h2{font-size:clamp(2.2rem,5vw,4rem)}.contact .mail{display:flex;gap:10px;align-items:center;margin-top:24px;color:var(--mute)}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}form textarea,form select,form .btn{grid-column:1/3}
input,select,textarea{font:inherit;font-size:16px;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 2px;color:var(--ink);border-radius:0;outline:none;transition:border-color .2s}
select option{background:var(--card);color:var(--ink)}::placeholder{color:var(--mute);opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}form .btn{justify-self:start;margin-top:8px}
footer{border-top:1px solid var(--ink);padding:28px 0;font-size:14px}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;color:var(--mute)}
.big{font:600 clamp(4rem,17vw,15rem)/.8 var(--ff-h);letter-spacing:-.06em;padding:4vw 5vw 1vw;overflow:hidden;white-space:nowrap}.big .dot{color:var(--acc)}
.page{padding:9vw 0 7vw;max-width:760px}.page h1{font-size:clamp(2.4rem,6vw,4.6rem);margin-bottom:24px}.page p{color:var(--mute)}.page .cta{margin-top:28px}
.notice{border:1px solid var(--acc);padding:18px;margin:24px 0;background:var(--card)}.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.back .ico{width:18px;height:18px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}

[data-design=b]{--bg:#f4f0e6;--ink:#1d1a16;--mute:#5f584d;--line:#1d1a1626;--acc:#1f5c46;--card:#fbf8f1;--hdr:#f4f0e6;--bar:#ece6d8;--chip:#fff;--on-ink:#fff;--lime:#f2c94c;--tint:#1f5c4614;
--hot-bg:#1f5c46;--hot-fg:#fff;--hot-tag:#d4f53c;--grain:0;--ff-h:"Fraunces","Literata",Georgia,serif;--ff-b:"Schibsted Grotesk",system-ui,sans-serif;--ff-em:"Fraunces","Literata",Georgia,serif;--ff-l:"Courier Prime",ui-monospace,monospace;--r:22px}
[data-design=b][data-theme=dark]{--bg:#15130f;--ink:#ece6da;--mute:#a69e90;--line:#ece6da22;--acc:#6fbf98;--card:#1d1b16;--hdr:#15130f;--bar:#26231d;--chip:#1d1b16;--on-ink:#15130f;--lime:#e8bd45;--tint:#6fbf981c;
--hot-bg:#22352c;--hot-fg:#ece6da;--hot-tag:#e8bd45}
[data-design=b] body{background:var(--bg);font-size:16.5px}
[data-design=b] h1,[data-design=b] h2,[data-design=b] h3{font-weight:500;letter-spacing:-.025em;font-variation-settings:"opsz" 120}
[data-design=b] h3,[data-design=b] summary{font-family:var(--ff-b);font-weight:700;letter-spacing:-.01em}
[data-design=b] em{font-style:italic;font-weight:400;color:inherit;background:linear-gradient(transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%);padding:0 .04em;margin:0 -.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-design=b] header{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0 0}
[data-design=b] header .wrap{max-width:calc(1240px - 10vw);width:calc(100% - 10vw);padding:0 8px 0 20px;height:58px;background:var(--hdr);backdrop-filter:none;border:1px solid var(--line);border-radius:4px;box-shadow:none}
[data-design=b] .logo{font:700 17px var(--ff-b);letter-spacing:-.02em}
[data-design=b] .logo i{width:14px;height:18px;background:var(--acc);clip-path:polygon(58% 0,8% 58%,44% 58%,34% 100%,92% 38%,55% 38%)}
[data-design=b] nav{font-weight:500;gap:6px}[data-design=b] nav a{padding:7px 14px;border-radius:999px;transition:background .2s}[data-design=b] nav a:hover{background:var(--tint)}[data-design=b] nav a:after{display:none}
[data-design=b] .pref{border-radius:999px;background:var(--card)}[data-design=b] .lmenu{border-radius:16px}[data-design=b] .lmenu button{border-radius:10px}
[data-design=b] .hero{padding:8vw 0 5vw;align-items:center;row-gap:30px}
[data-design=b] .hero .k{grid-column:1/13;justify-self:start;font:500 12px var(--ff-l);letter-spacing:.06em;color:var(--ink);background:var(--card);border:1px solid var(--line);padding:8px 14px 8px 10px;border-radius:999px}
[data-design=b] .hero .k:before{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--tint)}
[data-design=b] .hero h1{grid-column:1/12;font-size:clamp(2.6rem,6.6vw,6rem);line-height:1.02}[data-design=b] .hero h1 em{font-weight:400;color:var(--ink)}[data-design=b][data-theme=dark] em{background:linear-gradient(transparent 60%,#e8bd4566 60%,#e8bd4566 94%,transparent 94%)}
[data-design=b] .hero .side{grid-column:1/6;grid-row:3;border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:20px 22px;display:flex;align-items:center;gap:18px}
[data-design=b] .hero .side b{font:600 2.2rem/1 var(--ff-h);margin:0;white-space:nowrap;color:var(--acc)}
[data-design=b] .cta{grid-column:6/13;grid-row:3;margin:0;justify-content:flex-end}
[data-design=b] .btn{border-radius:999px;padding:14px 22px;font-weight:600;font-size:15.5px}
[data-design=b] .btn:hover{background:var(--acc);border-color:var(--acc);color:#fff}[data-design=b][data-theme=dark] .btn:hover{color:#0b0e14}
[data-design=b] .btn.ghost{border-color:var(--line);background:var(--card)}[data-design=b] .btn.ghost:hover{border-color:var(--ink);background:var(--card);color:var(--ink)}
[data-design=b] section{border-top:0;padding:5.5vw 0}
[data-design=b] .sh{margin-bottom:36px;align-items:end}[data-design=b] .sh .n{grid-column:1/13;justify-self:start;padding:5px 12px;border-radius:999px;background:var(--tint);color:var(--acc);font-size:12px}
[data-design=b] .sh h2{grid-column:1/9;font-size:clamp(2rem,4.2vw,3.4rem)}[data-design=b] .sh p{grid-column:9/13}
[data-design=b] .svc{border:0;gap:16px}
[data-design=b] .svc>div,[data-design=b] .svc>div+div{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:transform .3s,box-shadow .3s}

[data-design=b] .svc .ico{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--tint);color:var(--acc);stroke-width:1.7}
[data-design=b] .svc h3{font-size:1.15rem;margin:22px 0 8px}
[data-design=b] .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
[data-design=b] .steps li,[data-design=b] .steps li:hover{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
[data-design=b] .steps li:before{content:"0" counter(s);font:500 12px/1 var(--ff-l);font-style:normal;color:var(--acc);background:var(--tint);padding:7px 10px;border-radius:999px;align-self:flex-start;margin-bottom:10px}
[data-design=b] .steps h3{font-size:1.15rem}[data-design=b] .steps p{font-size:15px;flex:1}[data-design=b] .steps span{text-align:left;font:500 12px var(--ff-l);padding-top:12px;border-top:1px dashed var(--line)}
[data-design=b] .price{border:0;gap:16px;align-items:stretch}
[data-design=b] .plan,[data-design=b] .plan+.plan{border:1px solid var(--line);border-radius:26px;padding:32px 28px}
[data-design=b] .plan .tag{font:500 11.5px var(--ff-l);letter-spacing:.06em}[data-design=b] .plan .p{font:500 2.8rem/1 var(--ff-h);letter-spacing:-.03em}
[data-design=b] .plan h3{font-size:1.2rem}
[data-design=b] .plan.hot{margin:0;transform:translateY(-10px);border-color:transparent;outline:0;box-shadow:6px 6px 0 var(--ink)}
[data-design=b] .plan.hot .tag{align-self:flex-start;color:#0b0e14;background:var(--lime);padding:5px 10px;border-radius:999px}
[data-design=b] .plan.hot .btn{background:var(--lime);border-color:var(--lime);color:#0b0e14}[data-design=b] .plan.hot .btn:hover{background:#fff;border-color:#fff;color:#0b0e14}
[data-design=b][data-theme=dark] .plan.hot{box-shadow:0 0 0 1px var(--acc),0 30px 60px -30px #000}
[data-design=b] .work{gap:20px}[data-design=b] .proj:nth-child(n){grid-column:span 4;margin-top:0}
[data-design=b] .frame{border:1px solid var(--line);border-radius:18px;box-shadow:none;background:var(--card)}
[data-design=b] .bar{height:34px;background:var(--card)}[data-design=b] .bar i{border:0;opacity:1;background:var(--line)}[data-design=b] .bar span{border-radius:999px;background:var(--bar);font-family:var(--ff-l);font-size:10.5px}
[data-design=b] .proj:hover .frame{transform:translateY(-6px)}
[data-design=b] .meta{padding:0 4px}[data-design=b] .meta b{font:700 1.05rem var(--ff-b)}[data-design=b] .meta .ico{width:34px;height:34px;padding:8px;border-radius:50%;border:1px solid var(--line)}
[data-design=b] .proj:hover .meta .ico{background:var(--acc);color:#fff;border-color:var(--acc)}
[data-design=b] .faq>div{grid-column:5/13;display:grid;gap:10px}[data-design=b] .faq .sh{grid-column:1/5!important;align-self:start}[data-design=b] .faq .sh h2{grid-column:1/13}
[data-design=b] details,[data-design=b] details:last-child{border:1px solid var(--line);border-radius:18px;padding:18px 22px;background:var(--card)}
[data-design=b] summary{font-size:1.02rem;align-items:center}[data-design=b] summary .ico{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--tint);color:var(--acc)}
[data-design=b] .contact{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:clamp(28px,5vw,64px);margin:4vw 0 2vw}
[data-design=b] .contact .mail{font-family:var(--ff-l);font-size:14px}
[data-design=b] input,[data-design=b] select,[data-design=b] textarea{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg)}
[data-design=b] input:focus,[data-design=b] select:focus,[data-design=b] textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--tint)}
[data-design=b] footer{border-top:1px solid var(--line)}
[data-design=b] .big{font:italic 400 clamp(4rem,16vw,14rem)/.95 var(--ff-h);letter-spacing:-.045em;color:var(--ink)}
[data-design=b] .big .dot{color:var(--acc);font-style:normal}
[data-design=b] .notice{border-radius:var(--r);border-color:var(--line);border-left:4px solid var(--acc)}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media(max-width:860px){nav{display:none}.prefs{margin-left:auto}.hero h1,.hero .side,.sh h2,.sh p,.sh .n{grid-column:1/13}.hero .side{border:0;padding:0}
.svc,.price,.contact{grid-template-columns:1fr}.svc>div,.svc>div+div{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.plan+.plan{border-left:0;border-top:1px solid var(--ink)}.plan.hot{margin:0}
.steps li{grid-template-columns:auto 1fr;gap:6px 18px}.steps li p,.steps li span{grid-column:2;text-align:left}
.proj:nth-child(n){grid-column:1/13;margin-top:0}.faq>div{grid-column:1/13}form{grid-template-columns:1fr}form>*{grid-column:1/2!important}
[data-design=b] .sh h2,[data-design=b] .sh p,[data-design=b] .hero h1{grid-column:1/13}[data-design=b] header .wrap{width:calc(100% - 24px);padding:0 6px 0 16px}[data-design=b] header{padding-top:10px}
[data-design=b] .hero .side,[data-design=b] .cta{grid-column:1/13;grid-row:auto;justify-content:flex-start}[data-design=b] .hero .side{border:1px solid var(--line);padding:18px 20px}
[data-design=b] .steps{grid-template-columns:1fr 1fr}[data-design=b] .proj:nth-child(n){grid-column:1/13}
[data-design=b] .faq .sh,[data-design=b] .faq>div{grid-column:1/13!important}[data-design=b] .plan.hot{transform:none}
[data-design=b] .svc>div,[data-design=b] .svc>div+div{padding:24px;border:1px solid var(--line)}[data-design=b] .plan+.plan{border:1px solid var(--line)}}
@media(max-width:520px){[data-design=b] .steps{grid-template-columns:1fr}.hero .side b{font-size:2.2rem}[data-design=b] .hero .side{flex-direction:column;align-items:flex-start;gap:8px}.pref{min-width:34px;height:34px;padding:0 7px}.prefs{gap:4px}header .wrap{gap:12px}}
.page .small{font-size:14px}
.page .cta,[data-design=b] .page .cta{justify-content:flex-start;margin-top:28px}

.about{display:grid;grid-template-columns:5fr 7fr;gap:5vw;align-items:start}
.note-card{background:var(--card);border:1px solid var(--line);padding:28px 30px 22px;transform:rotate(-1.2deg);box-shadow:3px 4px 0 var(--line)}
.note-card p{margin:0;font-size:1.12rem;line-height:1.55}
.note-card .sig{margin-top:18px;font:italic 1.6rem/1 var(--ff-em);color:var(--acc);text-align:right}
.facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.facts li{padding:18px 0 18px 46px;border-bottom:1px solid var(--line);position:relative;counter-increment:f}
.facts li:before{content:counter(f,lower-alpha) ")";position:absolute;left:0;top:18px;font:500 14px var(--ff-l);color:var(--acc)}
.facts li:nth-child(2){padding-left:86px}.facts li:nth-child(2):before{left:40px}
[data-design=b] .note-card{border-radius:6px}
[data-design=b] .steps li:nth-child(2){margin-top:28px}[data-design=b] .steps li:nth-child(4){margin-top:14px}
[data-design=b] .steps li,[data-design=b] .steps li:hover{border-radius:6px}
[data-design=b] .frame{border-radius:6px}
@media(max-width:860px){.about{grid-template-columns:1fr}.note-card{transform:rotate(-.6deg)}.facts li:nth-child(2){padding-left:46px}.facts li:nth-child(2):before{left:0}[data-design=b] .steps li:nth-child(n){margin-top:0}}

.caps{display:grid;grid-template-columns:7fr 5fr;gap:18px}
.cap{border:1px solid var(--line);background:var(--card);padding:26px 26px 18px;position:relative}
.cap .ico{width:30px;height:30px;color:var(--acc);position:absolute;top:24px;right:24px}
.cap h3{font-size:1.5rem;margin:0 50px 6px 0}.cap>p{margin:0 0 14px;color:var(--mute);font-size:15px}
.cap ul{list-style:none;margin:0;padding:0}.cap li{padding:9px 0;border-top:1px dashed var(--line);font-size:15.5px}
.cap li small{font:12px var(--ff-l);color:var(--mute);margin-left:6px;white-space:nowrap}
.cap .dl{font:500 12px var(--ff-l);color:var(--acc);margin-left:6px;white-space:nowrap}
.g-gastro{grid-row:span 2;background:var(--ink);color:var(--bg);border-color:var(--ink)}.g-gastro>p,.g-gastro li small{color:inherit;opacity:.7}.g-gastro li{border-color:#ffffff30}.g-gastro .ico{color:var(--hot-tag)}
.g-app{transform:rotate(.6deg);border-style:dashed;border-color:var(--mute)}
.g-extra{background:transparent;grid-column:1/-1;border-width:1px 0 0;border-color:var(--ink);padding-left:0}.g-extra ul{display:grid;grid-template-columns:repeat(3,auto);gap:0 30px}.g-extra .ico{right:0}
[data-design=b] .cap{border-radius:6px}
@media(max-width:860px){.caps{grid-template-columns:1fr}.g-gastro{grid-row:auto}.g-app{transform:none}.g-extra ul{grid-template-columns:1fr}}

.install{margin-top:18px;grid-column:1/-1;min-width:0}.install .btn{font-size:14px;padding:10px 16px}.ios-hint{font-size:14px;color:var(--mute);margin:10px 0 0;max-width:34ch}
.tabbar{display:none}
@media (display-mode:standalone) and (max-width:860px){
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}header{padding-top:env(safe-area-inset-top)}
.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font:500 11px var(--ff-l);text-decoration:none;color:var(--mute);padding:4px 0}
.tabbar a:active{color:var(--acc)}.tabbar .ico{width:22px;height:22px}}
.fmsg{grid-column:1/3;margin:0;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:6px;background:var(--card);color:var(--ink)}
.fmsg b{display:block;font:600 1.15rem/1.3 var(--ff-h);margin-bottom:4px}.fmsg.err{border-left-color:#c0392b}
form.sent{display:block;align-self:start;height:auto}form.sent>*:not(.fmsg){display:none}form .btn[disabled]{opacity:.6;pointer-events:none}