/* Touché, direction « Prospectus » (2026-11-04). Brief: ../design/brief.md */
/* STYLE:BEGIN */
:root{--r:#E60012;--y:#FFE600;--b:#0050B4;--k:#111;--w:#fff;--amber:#FFB000;--mono:"M PLUS 1 Code",ui-monospace,monospace;--sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;
--burst:polygon(100.0% 50.0%,90.5% 56.4%,97.6% 65.5%,86.5% 68.6%,90.5% 79.4%,79.0% 79.0%,79.4% 90.5%,68.6% 86.5%,65.5% 97.6%,56.4% 90.5%,50.0% 100.0%,43.6% 90.5%,34.5% 97.6%,31.4% 86.5%,20.6% 90.5%,21.0% 79.0%,9.5% 79.4%,13.5% 68.6%,2.4% 65.5%,9.5% 56.4%,0.0% 50.0%,9.5% 43.6%,2.4% 34.5%,13.5% 31.4%,9.5% 20.6%,21.0% 21.0%,20.6% 9.5%,31.4% 13.5%,34.5% 2.4%,43.6% 9.5%,50.0% 0.0%,56.4% 9.5%,65.5% 2.4%,68.6% 13.5%,79.4% 9.5%,79.0% 21.0%,90.5% 20.6%,86.5% 31.4%,97.6% 34.5%,90.5% 43.6%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#C7CDD6;color:var(--k);font:500 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}

/* the sheet: thin paper, two folds */
.sheet{position:relative;max-width:1420px;margin:18px auto 28px;background:var(--w);padding:12px;box-shadow:7px 7px 0 rgba(17,17,17,.22)}
.sheet::before,.sheet::after{content:"";position:absolute;pointer-events:none;z-index:6;mix-blend-mode:multiply}
/* ponytail: two fixed creases, a vertical one at the middle and a horizontal one at 900px */
.sheet::before{display:none}
.sheet::after{top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#111,#111) top/2px 9px no-repeat,linear-gradient(#111,#111) bottom/2px 9px no-repeat}
.crease{position:absolute;left:0;right:0;top:900px;height:2px;background:linear-gradient(90deg,#111,#111) left/9px 2px no-repeat,linear-gradient(90deg,#111,#111) right/9px 2px no-repeat;pointer-events:none;z-index:6}

/* masthead */
.mast{display:flex;align-items:center;gap:18px;background:var(--r);color:var(--w);padding:10px 16px;border:3px solid var(--k)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo{display:grid;grid-template-columns:repeat(3,13px);gap:3px;padding:5px;background:var(--k);border-radius:5px}
.logo i{width:13px;height:13px;border-radius:3px;background:#FF5C7A}
.logo i:nth-child(2){background:#FFB84D}.logo i:nth-child(3){background:#4DD6A5}.logo i:nth-child(4){background:#5AA9FF}.logo i:nth-child(5){background:#A77BFF}.logo i:nth-child(6){background:#fff}
.brand-name{display:block;font:900 38px/1 var(--sans);letter-spacing:-.02em;text-shadow:3px 2px 0 var(--b)}
.brand-sig{display:block;font:700 13px/1.2 var(--sans);margin-top:3px}
.crumb{background:var(--y);color:var(--k);font:900 15px var(--sans);padding:5px 12px;border:2px solid var(--k);transform:rotate(-2deg)}
.crumb::before{content:"▸ ";color:#B3000E}
.fkeys{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.fk{display:flex;align-items:center;color:var(--w);text-decoration:none;font:900 16px var(--sans);padding:8px 10px}
.fk:hover{text-decoration:underline;text-underline-offset:4px}
.fk.buy{background:var(--y);color:var(--k);border:2px solid var(--k);box-shadow:3px 3px 0 var(--k);margin-left:6px}
.fk.buy:hover{text-decoration:none;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--k)}
kbd{font:700 12px/1 var(--mono);background:var(--k);color:var(--y);padding:4px 6px;border-radius:3px}
.strip{display:flex;flex-wrap:wrap;gap:2px 0;background:var(--b);color:var(--w);border:3px solid var(--k);border-top:0;padding:7px 14px;font:700 13px/1.3 var(--mono)}
.strip span+span::before{content:"·";margin:0 10px;color:var(--y)}
.strip b{color:var(--y);font-weight:700}

/* headline row */
.head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 28px;padding:12px 4px 22px}
.head h1{margin:0;font:900 74px/.95 var(--sans);letter-spacing:-.04em;text-wrap:balance}
.head h1 em{font-style:normal;color:var(--r)}
.head .lede{margin:0 0 6px;font:700 20px/1.35 var(--sans);max-width:540px}
.head .lede b{color:var(--r)}
.head .why{margin:0 0 6px;font:500 17px/1.45 var(--sans);max-width:560px}

/* the tight grid: gaps are the printed rules */
.g{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;background:var(--k);border:3px solid var(--k)}
.g+.g{border-top:0}
.c{position:relative;background:var(--w);padding:12px 14px;min-width:0}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:1/-1}
.c.y{background:var(--y)}.c.r{background:var(--r);color:var(--w)}.c.b{background:var(--b);color:var(--w)}.c.k{background:var(--k);color:var(--w)}
.dots{background-color:#fff;background-image:radial-gradient(rgba(0,80,180,.16) 2px,transparent 2.6px);background-size:12px 12px}
.stack{display:grid;gap:3px;background:var(--k)}

/* category bar */
.bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;background:var(--b);color:var(--y);padding:7px 14px;font:900 22px/1.1 var(--sans);letter-spacing:.02em;margin:0}
.bar span{font:700 15px var(--sans);color:var(--w);letter-spacing:0}
.bar a{margin-left:auto;font:900 15px var(--sans);color:var(--y)}
.tag{display:inline-block;background:var(--b);color:var(--w);font:900 12px/1 var(--sans);letter-spacing:.12em;padding:5px 8px;text-transform:uppercase}
.tag.r{background:var(--r)}.tag.k{background:var(--k);color:var(--y)}

/* bursts */
.burst{position:relative;width:var(--s,200px);aspect-ratio:1;display:grid;place-items:center;text-align:center;transform:rotate(var(--rot,-8deg));flex:none}
.burst::before,.burst::after{content:"";position:absolute;clip-path:var(--burst)}
.burst::before{inset:0;background:var(--k)}
.burst::after{inset:5px;background:var(--bg,var(--y))}
.burst>div{position:relative;z-index:1;line-height:1}
.burst .lab{display:inline-block;font:900 15px var(--sans);letter-spacing:.12em;background:var(--k);color:var(--y);padding:4px 9px}
.burst .big{display:block;font:700 var(--f,62px)/1 var(--mono);color:#B3000E;letter-spacing:-.04em;margin:4px 0 2px}
.burst .sm{font:900 13px var(--sans)}
.burst.red{--bg:var(--r)}
.burst.red .big{color:var(--w)}
.burst.red .sm{color:var(--w)}
.burst.blue{--bg:var(--b)}
.burst.blue .big{color:var(--y)}
.burst.blue .sm{color:var(--w)}

/* buttons */
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--r);color:var(--w);text-decoration:none;font:900 22px/1 var(--sans);padding:14px 20px;border:3px solid var(--k);box-shadow:5px 5px 0 var(--k);white-space:nowrap}
.cta .ar{font-family:var(--mono)}
.cta:hover,.sec:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--k)}
.sec{display:inline-block;background:var(--k);color:var(--w);text-decoration:none;font:900 17px/1 var(--sans);padding:12px 15px;border:3px solid var(--k);box-shadow:5px 5px 0 var(--k);white-space:nowrap}
.sec b{color:var(--y);font-family:var(--mono)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* front page cell */
.une{display:grid;grid-template-columns:1fr auto;gap:12px 22px;align-items:start;padding:14px 18px 16px}
.une h2{margin:8px 0 6px;font:900 44px/.98 var(--sans);letter-spacing:-.035em;color:var(--r);text-wrap:balance}
.une h2 span{display:block;color:var(--k)}
.une .why{margin:0 0 12px;font:500 17px/1.45 var(--sans);max-width:380px}
.une .l{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}
.une .l .burst{margin:auto 0 0 24px}
.deckwrap{position:relative}
.dcap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:10px;font:700 14px var(--sans)}
.dcap .run{background:var(--y);border:2px solid var(--k);padding:3px 9px;font-family:var(--mono)}
.dcap .run b{color:#B3000E}
.arw{position:absolute;width:110px;height:70px;pointer-events:none;left:-108px;top:250px;transform:rotate(-14deg)}
.arw path{fill:none;stroke:var(--k);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.pid{display:flex;align-items:center;gap:12px}
.pid img{width:50px;height:50px;border-radius:11px;border:2px solid var(--k)}
.pid .n{font:900 22px/1 var(--sans)}
.pid .m{font:700 14px var(--mono);margin-top:3px}
.pid .m b{color:var(--r)}

/* the deck */
.deck{--k:88px;display:grid;grid-template-columns:repeat(5,var(--k));gap:8px;padding:13px;background:#1A1A1A;border:3px solid var(--k);border-radius:18px;box-shadow:0 10px 0 -3px #9AA3B0}
.key{width:var(--k);height:var(--k);border-radius:11px;background:#000;border:1px solid #2A2A2A;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;font-family:var(--mono);overflow:hidden;user-select:none;color:#fff}
.key.p{cursor:pointer}
.key.p:hover{border-color:#666}
.key.p:active{transform:scale(.96)}
.key:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.key img{width:24px;height:24px}
.key .k1{font-size:12px;line-height:1.15;padding:0 4px}
.key .k2{font-size:17px;font-weight:700;color:var(--amber);line-height:1.1}
.key.p:not(.run)::after{content:"";position:absolute;left:12%;right:12%;bottom:7px;height:3px;border-radius:2px;background:var(--c,#3A3D44)}
.key.run{box-shadow:inset 0 0 0 2px var(--c);border-color:var(--c)}
.key.run .k2{color:var(--c)}
.key svg.ring{position:absolute;inset:8%;width:84%;height:84%}

/* coupon to cut out */
.coupon{position:relative;margin:0;border:3px dashed var(--k);background:var(--y);padding:12px 14px 14px}
.coupon .scis{position:absolute;top:-15px;left:18px;width:30px;height:26px;background:var(--w);padding:2px}
.c.y .coupon .scis,.coupon.onw .scis{background:var(--w)}
.coupon h2,.coupon h3{margin:6px 0 2px;font:900 36px/1 var(--sans);letter-spacing:-.03em}
.coupon h2 em,.coupon h3 em{font-style:normal;color:#B3000E}
.coupon p{margin:0 0 12px;font:700 14px var(--sans)}
.coupon .cut{position:absolute;right:18px;top:-9px;background:var(--w);padding:0 5px;font:700 11px/1.3 var(--mono);letter-spacing:.1em}

/* pro price cell */
.procell{display:flex;align-items:center;gap:14px;padding:12px 14px}
.procell .burst{--s:150px;--f:40px;--rot:7deg}
.procell .txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.procell .txt b.k{font:900 17px/1.4 var(--sans)}

/* stamps */
.stamps{display:flex;flex-wrap:wrap;gap:7px}
.stamp{display:inline-block;border:2px solid var(--k);background:var(--w);padding:4px 9px;font:900 14px/1.2 var(--sans);transform:rotate(var(--rot,-1.5deg))}
.stamp.r{background:var(--r);color:var(--w)}.stamp.y{background:var(--y)}.stamp.b{background:var(--b);color:var(--w)}

/* marketplace images */
.shot{display:block;text-decoration:none;padding:10px}
.shot .no{position:absolute;top:0;left:0;z-index:2;background:var(--k);color:var(--y);font:700 16px/1 var(--mono);padding:6px 9px}
.shot img{width:100%;border:2px solid var(--k)}
.shot figcaption,.shot .cap{margin-top:8px;font:700 14px/1.35 var(--sans)}
.shot figure,figure.shot{margin:0}

/* principles */
.pr{display:flex;gap:12px;align-items:center;padding:14px 16px}
.pr .num{flex:none;font:700 30px/1 var(--mono)}
.pr b{display:block;font:900 18px/1.2 var(--sans)}
.pr span.t{display:block;font:500 15px/1.35 var(--sans)}

/* contact */
.lab{font:900 13px var(--sans);letter-spacing:.1em;margin-bottom:6px}
.mail{display:inline-block;font:900 40px/1.1 var(--sans);letter-spacing:-.02em;text-decoration:underline;text-decoration-color:var(--r);text-decoration-thickness:4px;text-underline-offset:5px;word-break:break-word}
.c p{margin:8px 0 0}
.quote{position:relative;margin:4px 0 0!important;background:var(--w);color:var(--k);border:3px solid var(--k);border-radius:22px;padding:12px 16px;font:700 19px/1.35 var(--sans)}
.quote::after{content:"";position:absolute;bottom:-11px;left:36px;width:18px;height:18px;background:var(--w);border:solid var(--k);border-width:0 3px 3px 0;transform:rotate(45deg)}
.sig{margin:16px 0 0 28px!important;font:900 17px var(--mono)}

/* footer */
.sb{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--k);color:#E6E6E6;padding:11px 16px;font:500 13px var(--sans);border:3px solid var(--k);border-top:0}
.sb a{text-decoration:none}
.sb b{color:var(--y)}
.sb .grow{margin-left:auto}
.hl{outline:4px solid var(--r);outline-offset:4px}

/* product page: plans as feature cells */
.feats{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:var(--k);border:3px solid var(--k);border-top:0}
.fc{position:relative;background:var(--w);padding:10px 11px 12px;display:flex;flex-direction:column;gap:9px;min-width:0}
.feats .fc{justify-content:flex-start}
.fc .no{font:700 12px var(--mono);color:#555}
.fc .vis{height:66px;display:flex;align-items:center;gap:6px}
.fc p{margin:0;font:900 16px/1.28 var(--sans)}
.ph{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px}
.ph .burst{--s:150px}
.ph small{display:block;font:900 14px/1.3 var(--sans)}
.ph .inc{display:inline-block;background:var(--y);color:var(--k);border:2px solid var(--k);font:900 15px var(--sans);padding:4px 9px;transform:rotate(-2deg)}
.bridge{background:var(--b);color:var(--w);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:12px}
.bridge b{font:900 21px/1.15 var(--sans);color:var(--y)}
.bridge svg{width:44px;height:44px}
.bridge svg path{fill:none;stroke:var(--y);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.mk{--m:62px;width:var(--m);height:var(--m);flex:none;border-radius:9px;background:#000;border:1px solid #2A2A2A;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font:400 11px/1.1 var(--mono);color:#fff;overflow:hidden}
.mk img{width:18px;height:18px}
.mk b{font-size:13px;font-weight:700;color:var(--amber)}
.mk.run{box-shadow:inset 0 0 0 2px var(--c,#4DD6A5)}
.mk.run b{color:var(--c,#4DD6A5)}
.mk.err{color:#FF5C7A}.mk.err b{color:#FF5C7A}
.mk::after{content:"";position:absolute;left:14%;right:14%;bottom:5px;height:3px;border-radius:2px;background:var(--u,transparent)}
.mk svg.ring{position:absolute;inset:7%;width:86%;height:86%}
.mk.sm{--m:46px;font-size:11px}
.vis .to{font:700 18px var(--mono)}
.q30{display:flex;align-items:baseline;gap:2px;background:var(--b);color:var(--y);border:2px solid var(--k);padding:4px 10px;transform:rotate(-3deg)}
.q30 b{font:700 38px/1 var(--mono)}
.q30 span{font:900 14px var(--sans);color:var(--w)}

/* FAQ and help */
.faq h2,.help h2{margin:0 -14px 0;padding:6px 14px;display:flex;align-items:baseline;gap:12px;background:var(--b);color:var(--y);font:900 20px var(--sans)}
.faq h2 span,.help h2 span{font:700 14px var(--sans);color:var(--w)}
.faq{padding-top:0}
.faq .qs{columns:2;column-gap:22px;column-rule:1px dashed #9A9A9A;padding-top:10px}
.qa{break-inside:avoid;margin:0 0 10px}
.qa h3{display:flex;gap:8px;align-items:baseline;margin:0 0 3px;font:900 15px/1.3 var(--sans)}
.qa h3 kbd{background:var(--r);color:var(--w)}
.qa p{margin:0;padding-left:38px;font:500 14px/1.45 var(--sans)}
.help{padding-top:0}
.help .mail{font-size:28px;margin-top:12px}
.errs{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.errs-w{background:#1A1A1A;border:3px solid var(--k);padding:8px;border-radius:14px;display:flex;gap:8px}
.errs .key{--k:84px;cursor:default}
.errs .key .k1{color:#FF5C7A;font-size:12px}
.errs .key .k1 b{display:block;font-size:14px}
.errs .key.warn .k1{color:var(--amber)}
.errs p{flex:1;min-width:150px;margin:0;font-size:14px}

/* last call */
.last{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:16px 18px}
.last>img{width:96px;height:96px;border-radius:20px;border:3px solid var(--k)}
.last .n{font:900 36px/1 var(--sans);letter-spacing:-.02em}
.last .tl{font:700 18px var(--sans);margin:4px 0 14px}
.facts{display:grid;grid-template-columns:auto auto;margin:0;background:var(--w);border:3px solid var(--k)}
.facts dt{font:900 13px var(--sans);letter-spacing:.08em;padding:7px 12px;background:var(--b);color:var(--y);border-bottom:1px solid #2F6FC4}
.facts dd{margin:0;font:700 15px var(--mono);padding:7px 12px;border-bottom:1px solid #BDBDBD}
.facts dt:last-of-type,.facts dd:last-of-type{border-bottom:0}

@media (max-width:1240px){
  .une{grid-template-columns:1fr}
  .une .l .burst{position:absolute;right:20px;top:20px;margin:0;--s:150px;--f:44px}
  .arw{display:none}
  .head h1{font-size:58px}
  .feats{grid-template-columns:repeat(4,1fr)}
  .feats .ph,.feats .bridge{grid-column:span 2}
}
@media (max-width:980px){
  .mast{flex-wrap:wrap}
  .fkeys{margin-left:0;width:100%}
  .g>.c,.g>.stack{grid-column:1/-1}
  .faq .qs{columns:1}
  .last{grid-template-columns:1fr}
  .sb .grow{margin-left:0}
}
@media (max-width:600px){
  .sheet{margin:0;padding:6px;box-shadow:none}
  .sheet::before,.sheet::after{display:none}
  .crease{display:none}
  .mast{padding:10px}
  .brand-name{font-size:32px}
  .fk{font-size:13px;padding:6px 8px 6px 6px}
  .strip{padding:6px 10px;font-size:12px}
  .brand-sig{display:none}
  .head h1{font-size:44px}
  .head .lede{font-size:17px}
  .une{padding:12px}
  .une h2{font-size:38px}
  .une .l .burst{position:static;--s:130px;--f:38px;margin:10px auto 0}
  .une .l .burst .lab{font-size:12px}
  .deck{--k:auto;width:100%;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;border-radius:14px}
  .deck .key{aspect-ratio:1;border-radius:8px}
  .deck .key img{width:18px;height:18px}
  .deck .key .k1{font-size:11px;padding:0 1px}
  .deck .key .k2{font-size:12px}
  .cta{font-size:18px;padding:12px 14px}
  .sec{font-size:15px;padding:10px 12px;white-space:normal}
  .coupon h3{font-size:30px}
  .procell{flex-wrap:wrap}
  .mail{font-size:28px}
  .bar{font-size:19px;padding:7px 10px}
  .bar a{margin-left:0}
  .feats{grid-template-columns:1fr}
  .feats .ph,.feats .bridge{grid-column:auto}
  .fc{flex-direction:row;align-items:center;flex-wrap:wrap}
  .fc .vis{height:auto}
  .ph .burst{--s:120px;--f:40px}
}
@media (hover:none){ kbd{display:none} .fk{padding-left:11px} }
.fkeys kbd{display:none}
.keys-hint{font-family:var(--mono)}
.ph .price{display:block;font:700 46px/1 var(--mono);letter-spacing:-.03em;color:var(--k)}
.fc.ph.y{background:var(--y)}
.fc.ph.r{background:var(--r);color:var(--w)}
.ph.r .price{color:var(--w)}
.ph .tag.k{align-self:flex-start}
.une h2{font-size:40px}
.une h2 span{font-size:26px;letter-spacing:-.02em;margin-top:4px}
.spec{margin:16px 0 0;font:700 15px/1.5 var(--sans);max-width:360px}
.spec span+span::before{content:" · "}
@media (max-width:600px){ .fkeys{gap:0} .fk{font-size:15px;padding:6px 8px} .fk.buy{margin-left:auto} }
.steps{margin:16px 0 18px;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px;max-width:380px}
.steps li{counter-increment:s;display:flex;gap:10px;align-items:baseline;font:700 16px/1.35 var(--sans)}
.steps li::before{content:counter(s);flex:none;width:26px;height:26px;display:grid;place-items:center;background:var(--b);color:var(--y);font:700 14px var(--mono)}
.deckcell{display:grid;place-items:center;padding:26px 20px 18px;background:var(--w)}
.deckcell .deckwrap{width:max-content;max-width:100%}
.deckcell .deck{--k:104px;gap:10px;padding:16px}
.freeplans{position:absolute;z-index:3;right:-18px;top:-20px;--rot:5deg;font-size:18px;padding:7px 12px}
.how{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.how .num{flex:none;font:700 34px/1 var(--mono);color:var(--b)}
.how p{margin:0;font:700 17px/1.4 var(--sans)}
.procell .txt b.k{font-weight:700}
.head h1{max-width:900px}
.head.pc h1{font-size:54px;line-height:1;max-width:760px}
.head.pc{align-items:flex-end}
.head .lede,.head .why{max-width:460px}
@media (max-width:1240px){ .deckcell .deck{--k:88px} }
@media (max-width:600px){ .deckcell .deckwrap{width:100%} .head.pc h1{font-size:36px} .deckcell{padding:18px 8px 12px} .deckcell .deck{--k:auto} .freeplans{right:4px;top:-16px;font-size:14px} .deck .key .k1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} }
.card1{display:flex;flex-direction:column;gap:12px;padding:22px 24px}
.slot{align-self:flex-start;background:var(--k);color:var(--y);font:700 13px/1 var(--mono);padding:6px 9px}
.card1 .pid h2{margin:0;font:900 44px/1 var(--sans);letter-spacing:-.03em}
.card1 .pid img{width:58px;height:58px}
.promise{margin:0;font:900 24px/1.2 var(--sans);color:var(--r)}
.ticks{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.ticks li{font:700 16px/1.35 var(--sans);padding-left:22px;position:relative}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--b);font-weight:900}
.prices{display:flex;gap:10px;flex-wrap:wrap}
.price-tag{border:2px solid var(--k);padding:6px 11px;font:900 14px var(--sans);letter-spacing:.04em}
.price-tag b{font:700 22px var(--mono);margin-left:6px}
.price-tag.y{background:var(--y)}.price-tag.r{background:var(--r);color:var(--w)}
.txtlink{font:700 15px var(--sans);color:var(--k)}
.next{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--w)}
.next p{margin:0;font:500 16px var(--sans)}
.next a{font-weight:900}
.pr .num{color:var(--k)}
.contactc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;padding:18px 20px}
.contactc p{margin:0;max-width:640px;font:700 16px/1.45 var(--sans)}
.plans{padding:0}
.plans table{width:100%;border-collapse:collapse;font-size:16px}
.plans th,.plans td{border-bottom:2px solid var(--k);padding:7px 16px;text-align:left}
.plans tbody th{font:700 15px/1.35 var(--sans)}
.plans thead th{font:900 15px var(--sans);letter-spacing:.06em;padding:12px 16px}
.plans thead th b{font:700 26px var(--mono);margin-left:8px;letter-spacing:-.02em}
.plans thead th small{display:block;font:700 13px var(--sans);letter-spacing:0}
.plans td{width:190px;text-align:center;font:900 19px var(--sans)}
.plans .lite{background:var(--y)}
.plans thead .pro{background:var(--r);color:var(--w)}
.plans tr.grp th{background:var(--k);color:var(--y);font:700 13px/1 var(--mono);letter-spacing:.06em;padding:8px 16px}
.plans td.no{color:#8A8A8A}
.plans tbody tr:last-child th,.plans tbody tr:last-child td{border-bottom:0}
@media (max-width:600px){ .strip{display:none} .plans td{width:64px;padding:8px} .plans th{padding:8px 10px} .plans thead th b{display:block;margin:2px 0 0;font-size:20px} .card1 .pid h2{font-size:34px} .next{flex-wrap:wrap} }
/* STYLE:END */