/* Generated by crimpal_os.site_pages from the mockup of the page «tochka». Do not edit. */
html body .cdh{--bg:#F7F5F0;--surface:#FFFFFF;--surface-2:#F3EEE2;--border:#E4DFD4;
  --text:#1A1A1A;--text-2:#5A5650;--text-3:#6E6960;--link:#7A5F1E;
  --gold:#C9A84C;--gold-h:#B8963A;--on-gold:#1A1A1A;--ok:#1F6B3A;--okbg:rgba(31,107,58,.12);--err:#B3261E;--errbg:rgba(179,38,30,.10);
  --ink:#1E2126;--ink-2:#272B31;--ink-line:#3A3F47;--on-ink:#F2F0EA;--on-ink-2:#B8B4AA;--gold-ink:#D4B45E;
  --glow:rgba(201,168,76,.45);--tint:rgba(201,168,76,.12);
  --shadow:0 30px 60px -30px rgba(30,33,38,.35);
  --hero-img:url(home/hero-light-1536.webp);--hero-shade:linear-gradient(90deg,#F7F5F0 0%,rgba(247,245,240,.94) 34%,rgba(247,245,240,.35) 58%,rgba(247,245,240,0) 75%);
  --hero-text:#1A1A1A;--hero-text-2:#4A4741;
  --serif:Piazzolla,Georgia,serif;--sans:Onest,system-ui,sans-serif;}
html[data-theme="dark"] body .cdh{--bg:#1E2126;--surface:#272B31;--surface-2:#2F343B;--border:#3A3F47;
  --text:#F2F0EA;--text-2:#B8B4AA;--text-3:#A19D94;--link:#D4B45E;
  --gold:#D4B45E;--gold-h:#E0C273;--ok:#8FD19E;--okbg:rgba(143,209,158,.14);--err:#F2B8B5;--errbg:rgba(242,184,181,.12);
  --ink:#16181C;--ink-2:#23272D;--ink-line:#353A42;
  --glow:rgba(212,180,94,.4);--tint:rgba(212,180,94,.10);
  --shadow:0 30px 60px -30px rgba(0,0,0,.7);
  --hero-img:url(home/hero-dark-1536.webp);--hero-shade:linear-gradient(90deg,#16181C 0%,rgba(22,24,28,.92) 34%,rgba(22,24,28,.3) 60%,rgba(22,24,28,0) 76%);
  --hero-text:#F2F0EA;--hero-text-2:#C9C5BC;}
html body .cdh *{box-sizing:border-box;margin:0;padding:0}
html body .cdh{background:var(--bg);color:var(--text);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
html body .cdh a{color:inherit;text-decoration:none}
html body .cdh img{display:block;max-width:100%}
html body .cdh .wrap{max-width:1240px;margin:0 auto;padding:0 32px}
html body .cdh h1,html body .cdh h2,html body .cdh h3{font-family:var(--serif);font-weight:700;letter-spacing:-.015em}
html body .cdh h2{font-size:48px;line-height:1.05}
html body .cdh .eyebrow{font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
html body .cdh .sec{padding:110px 0}
html body .cdh .sec-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
html body .cdh .sec-head p{max-width:430px;color:var(--text-2)}
html body .cdh .btn{display:inline-flex;align-items:center;gap:12px;height:62px;padding:0 32px;border-radius:16px;font:600 17px var(--sans);border:0;white-space:nowrap;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
html body .cdh .btn-gold{background:var(--gold);color:var(--on-gold);box-shadow:0 14px 34px -12px var(--glow)}
html body .cdh .btn-gold:hover{background:var(--gold-h);transform:translateY(-2px);box-shadow:0 18px 40px -12px var(--glow)}
html body .cdh .btn svg{width:20px;height:20px}
html body .cdh .grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;background-image: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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html.cd-anim body .cdh .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.cd-anim body .cdh .rv.in{opacity:1;transform:none}
html body .cdh .top{position:absolute;top:0;left:0;right:0;z-index:30}
html body .cdh .top.fixed{position:fixed;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
html body .cdh .top .wrap{height:80px;display:flex;align-items:center;gap:28px;max-width:1360px}
html body .cdh .logo{display:flex;align-items:center;gap:12px;color:var(--hero-text)}
html body .cdh .logo img{width:48px;height:48px;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
html body .cdh .logo .lw{line-height:1}
html body .cdh .logo .lw b{display:block;font:700 23px var(--serif);letter-spacing:.09em}
html body .cdh .logo .lw small{display:block;font:600 9px var(--sans);letter-spacing:.2em;margin-top:5px;color:var(--link);white-space:nowrap}
html[data-theme="dark"] body .cdh .logo .lw b{background:linear-gradient(100deg,#B8903A,#F3DE9A 42%,#C9A84C 58%,#EBD38C);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .cdh .nav{display:flex;gap:26px;margin-left:auto;font-weight:500;font-size:15.5px;color:var(--hero-text);padding:12px 24px;border-radius:99px;background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid color-mix(in srgb,var(--hero-text) 12%,transparent);backdrop-filter:blur(14px)}
html body .cdh .top.fixed .nav{background:none;border-color:transparent;backdrop-filter:none}
html body .cdh .nav a{position:relative}
html body .cdh .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--gold);transition:right .25s}
html body .cdh .nav a:hover::after{right:0}
html body .cdh .theme{display:flex;gap:2px;padding:4px;border:1px solid color-mix(in srgb,var(--hero-text) 18%,transparent);border-radius:99px;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(8px)}
html body .cdh .theme span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--text-3);cursor:pointer}
html body .cdh .theme span.on{background:var(--gold);color:var(--on-gold)}
html body .cdh .theme svg{width:18px;height:18px}
html body .cdh .tg-ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--hero-text) 18%,transparent);color:var(--hero-text);background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(14px)}
html body .cdh .tg-ico svg{width:20px;height:20px}
html body .cdh .burger{display:none}
html body .cdh .hero{position:relative;height:880px;overflow:hidden;color:var(--hero-text);isolation:isolate}
html body .cdh .hero-bg{position:absolute;inset:0;background:var(--hero-img) 62% 40%/cover no-repeat;z-index:-3;transform:scale(1.04)}
html.cd-anim body .cdh .hero-bg{animation:cdh-zoom 14s ease-out both}
@keyframes cdh-zoom{from{transform:scale(1.12)}to{transform:scale(1.04)}}
html body .cdh .hero-shade{position:absolute;inset:0;background:var(--hero-shade);z-index:-2}
html body .cdh .hero-shade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(transparent,color-mix(in srgb,var(--bg) 70%,transparent))}
html body .cdh .spot{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 520px at var(--mx,72%) var(--my,42%),var(--glow),transparent 70%);mix-blend-mode:soft-light;opacity:.9}
html body .cdh .hero-in{position:relative;height:100%;display:grid;grid-template-columns:1.05fr .95fr;max-width:1360px}
html body .cdh .hero-text{align-self:center;padding:120px 0 100px;position:relative;z-index:3}
html body .cdh .pill{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:99px;background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--hero-text) 16%,transparent);backdrop-filter:blur(10px);font-size:14px;font-weight:500;color:var(--hero-text-2)}
html body .cdh .pill i{width:8px;height:8px;border-radius:50%;background:#3DBB6E;box-shadow:0 0 0 4px rgba(61,187,110,.2);animation:cdh-pulse 2s infinite}
@keyframes cdh-pulse{50%{box-shadow:0 0 0 8px rgba(61,187,110,0)}}
html body .cdh .hero h1{font-size:64px;line-height:1.03;margin:24px 0 24px;max-width:640px}
html body .cdh .hero h1 .w{display:inline-block}
html.cd-anim body .cdh .hero h1 .w{opacity:0;transform:translateY(40px);animation:cdh-up .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes cdh-up{to{opacity:1;transform:none}}
html body .cdh .hero h1 em{font-style:normal;color:var(--gold);background:linear-gradient(var(--gold),var(--gold)) 0 92%/100% 4px no-repeat;padding-bottom:4px}
html:not([data-theme="dark"]) body .cdh .hero h1 em{color:#7A5F1E}
html body .cdh .lead{font-size:20px;color:var(--hero-text-2);max-width:560px}
html body .cdh .lead b{color:var(--hero-text);font-weight:600}
html body .cdh .cta-row{display:flex;align-items:center;gap:24px;margin:36px 0 30px;flex-wrap:wrap}
html body .cdh .cta-row .alt{font-weight:600;color:var(--hero-text-2);border-bottom:1.5px solid color-mix(in srgb,var(--hero-text) 30%,transparent)}
html body .cdh .checks{display:flex;gap:22px;flex-wrap:wrap;font-size:15px;font-weight:500;color:var(--hero-text-2)}
html body .cdh .checks span{display:flex;align-items:center;gap:8px}
html body .cdh .checks svg{width:20px;height:20px;color:var(--gold)}
html body .cdh .fade-in{opacity:1}
html.cd-anim body .cdh .fade-in{opacity:0;animation:cdh-up 1s .5s cubic-bezier(.2,.7,.2,1) forwards;transform:translateY(20px)}
html body .cdh .hero-art{position:relative}
html body .cdh .me{position:absolute;bottom:64px;left:50%;height:660px;width:auto;max-width:none;transform:translateX(-46%);filter:drop-shadow(0 0 1px rgba(212,180,94,.6)) drop-shadow(-18px 0 40px rgba(212,180,94,.28));z-index:1}
html.cd-anim body .cdh .me{animation:cdh-meIn 1.2s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes cdh-meIn{from{opacity:0;transform:translateX(-42%) scale(1.03)}to{opacity:1;transform:translateX(-46%)}}
html body .cdh .doc3d{position:absolute;left:-10px;bottom:130px;width:236px;z-index:2;perspective:900px}
html body .cdh .doc3d .paper{position:relative;background:#FFFDF8;color:#1A1A1A;border-radius:6px;padding:20px 18px 16px;box-shadow:0 40px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.05);transform:rotateY(18deg) rotateX(6deg) rotate(-5deg);transform-origin:left center}
html.cd-anim body .cdh .doc3d .paper{animation:cdh-float 6s ease-in-out infinite}
@keyframes cdh-float{50%{transform:rotateY(12deg) rotateX(3deg) rotate(-3deg) translateY(-10px)}}
html body .cdh .paper::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--bg) #E8E0CC transparent}
html body .cdh .paper small{display:block;font:700 9px var(--sans);letter-spacing:.14em;color:#8C8577;margin-bottom:6px}
html body .cdh .paper b{display:block;font:700 15px/1.15 var(--serif);margin-bottom:10px}
html body .cdh .paper .l{height:5px;border-radius:3px;background:#E9E3D6;margin:6px 0}
html body .cdh .paper .row{display:flex;gap:12px;align-items:center;margin-top:12px}
html body .cdh .paper .qr{width:46px;height:46px;flex:none;background:
  conic-gradient(#1A1A1A 25%,transparent 0 50%,#1A1A1A 0 75%,transparent 0) 0 0/11.5px 11.5px;border:3px solid #1A1A1A;border-radius:3px;opacity:.85}
html body .cdh .paper .ok{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:rgba(31,107,58,.12);color:#1F6B3A;font:700 11px var(--sans)}
html body .cdh .paper .ok i{width:7px;height:7px;border-radius:50%;background:#1F6B3A}
html body .cdh .paper .num{font:600 10px var(--sans);color:#5A5650;margin-top:4px}
html body .cdh .seal{position:absolute;right:-16px;bottom:-18px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--gold);color:#1A1A1A;font:800 9.5px/1.15 var(--sans);letter-spacing:.06em;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);transform:rotate(12deg)}
html body .cdh .chip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(22,24,28,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);color:#F2F0EA;font-size:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
html:not([data-theme="dark"]) body .cdh .chip{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.06);color:#1A1A1A}
html body .cdh .chip .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:#1A1A1A}
html body .cdh .chip .ic svg{width:20px;height:20px}
html body .cdh .chip b{display:block;font-weight:700}
html body .cdh .chip span{opacity:.75;font-size:13px}
html body .cdh .chip.terms{left:-10px;bottom:372px}
html body .cdh .chip.name{right:0;bottom:110px}
html.cd-anim body .cdh .chip{animation:cdh-up .9s 1s cubic-bezier(.2,.7,.2,1) both;transform:translateY(20px)}
html body .cdh .marquee{position:absolute;left:0;right:0;bottom:0;height:64px;background:var(--gold);color:#1A1A1A;overflow:hidden;z-index:4;display:flex;align-items:center}
html body .cdh .marquee .track{display:flex;gap:42px;white-space:nowrap;font:600 19px var(--sans);padding-left:42px;animation:cdh-mq 38s linear infinite}
html.cd-static body .cdh .marquee .track{animation:none}
html body .cdh .marquee .track span{display:flex;align-items:center;gap:42px}
html body .cdh .marquee .track span::after{content:"";width:9px;height:9px;background:#1A1A1A;opacity:.45;transform:rotate(45deg)}
@keyframes cdh-mq{to{transform:translateX(-50%)}}
html body .cdh .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--border)}
html body .cdh .nums div{padding:48px 28px 44px;border-right:1px solid var(--border);position:relative}
html body .cdh .nums div:last-child{border-right:0}
html body .cdh .nums b{display:block;font:700 72px/1 var(--serif);color:var(--link);margin-bottom:14px;letter-spacing:-.03em}
html body .cdh .nums b small{font-size:30px;margin-right:6px;letter-spacing:0}
html body .cdh .nums span{color:var(--text-2);font-size:16px;display:block;max-width:230px}
html body .cdh .trust-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:40px}
html body .cdh .trust-head p{color:var(--text-2);max-width:520px;margin-top:16px}
html body .cdh .logos{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:560px}
html body .cdh .logos span{height:52px;padding:0 20px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--border);background:var(--surface);font:800 17px var(--sans);letter-spacing:.02em;color:var(--text-2)}
html body .cdh .logos span:nth-child(2){font:italic 700 19px var(--serif)}
html body .cdh .logos span:nth-child(3){letter-spacing:.18em;font-weight:800}
html body .cdh .cases{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
html body .cdh .case{grid-column:span 6;position:relative;border-radius:26px;background:var(--surface);border:1px solid var(--border);padding:32px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
html body .cdh .case:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow)}
html body .cdh .case.dark{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
html body .cdh .case.photo{background:#16181C center/cover no-repeat;color:#F2F0EA;border-color:transparent}
html body .cdh .case.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,28,.25),rgba(22,24,28,.92) 62%)}
html body .cdh .case>*{position:relative}
html body .cdh .case .tag{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:99px;font:600 12.5px var(--sans);background:var(--tint);color:var(--link)}
html body .cdh .case.dark .tag,html body .cdh .case.photo .tag{background:rgba(212,180,94,.16);color:#D4B45E}
html body .cdh .case .metric{display:flex;align-items:baseline;gap:14px;margin:26px 0 6px}
html body .cdh .case .metric b{font:700 64px/1 var(--serif);color:var(--link);letter-spacing:-.03em}
html body .cdh .case.dark .metric b,html body .cdh .case.photo .metric b{color:#D4B45E}
html body .cdh .case .metric span{font-size:15px;color:var(--text-2);max-width:170px;line-height:1.3}
html body .cdh .case.dark .metric span,html body .cdh .case.photo .metric span{color:#B8B4AA}
html body .cdh .case h3{font-size:26px;line-height:1.15;margin:14px 0 18px}
html body .cdh .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px}
html body .cdh .steps3 div{padding:14px;border-radius:14px;background:var(--surface-2)}
html body .cdh .case.dark .steps3 div,html body .cdh .case.photo .steps3 div{background:rgba(255,255,255,.07)}
html body .cdh .steps3 small{display:block;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px}
html body .cdh .case.dark .steps3 small,html body .cdh .case.photo .steps3 small{color:#A19D94}
html body .cdh .steps3 div:last-child{background:var(--okbg)}
html body .cdh .steps3 div:last-child small{color:var(--ok)}
html body .cdh .case.dark .steps3 div:last-child small,html body .cdh .case.photo .steps3 div:last-child small{color:#8FD19E}
html body .cdh .case.dark .steps3 div:last-child,html body .cdh .case.photo .steps3 div:last-child{background:rgba(143,209,158,.12)}
html body .cdh .thanks{margin-top:64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
html body .cdh .thanks-side h3{font-size:34px;line-height:1.1;margin:14px 0 14px}
html body .cdh .thanks-side p{color:var(--text-2)}
html body .cdh .fan{position:relative;height:330px;margin-top:34px}
html body .cdh .fan a{position:absolute;top:20px;width:176px;border-radius:5px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;transition:transform .3s}
html body .cdh .fan a:nth-child(1){left:0;transform:rotate(-9deg)}
html body .cdh .fan a:nth-child(2){left:86px;top:0;transform:rotate(-3deg)}
html body .cdh .fan a:nth-child(3){left:172px;top:8px;transform:rotate(4deg)}
html body .cdh .fan a:nth-child(4){left:258px;top:30px;transform:rotate(10deg)}
html body .cdh .fan a:hover{transform:rotate(0) translateY(-12px) scale(1.04);z-index:5}
html body .cdh .wall{columns:2;column-gap:16px}
html body .cdh .bubble{break-inside:avoid;margin-bottom:16px;padding:18px 20px 14px;border-radius:22px 22px 22px 6px;background:var(--surface);border:1px solid var(--border);position:relative;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
html body .cdh .bubble p{font-size:15.5px;line-height:1.5}
html body .cdh .bubble .who{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--text-3)}
html body .cdh .bubble .who i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--sans);font-style:normal;color:#1A1A1A;background:var(--gold)}
html body .cdh .bubble .who svg{width:15px;height:15px;color:#2AABEE;margin-left:auto}
html body .cdh .bubble.gold{background:var(--tint);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
html body .cdh .bubble .stars{color:var(--gold);letter-spacing:2px;font-size:14px;margin-bottom:6px}
html body .cdh .case.wide{grid-column:span 12;background:linear-gradient(120deg,var(--surface),var(--surface-2))}
html body .cdh .wide-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:end}
html body .cdh .case .tag.live i{width:8px;height:8px;border-radius:50%;background:#3DBB6E;box-shadow:0 0 0 4px rgba(61,187,110,.2)}
html body .cdh .case.wide .steps3 div:last-child{background:var(--tint)}
html body .cdh .case.wide .steps3 div:last-child small{color:var(--link)}
html body .cdh .bubble .who b{color:var(--text);font-weight:600}
html body .cdh mark{background:none;color:var(--link);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px;text-underline-offset:8px;text-decoration-skip-ink:none}
html body .cdh .crows{display:grid;gap:14px}
html body .cdh .crow{display:grid;grid-template-columns:300px 1fr;border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .3s,box-shadow .3s}
html body .cdh .crow:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
html body .cdh .cm{background:var(--gold);color:#1A1A1A;padding:26px 28px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
html body .cdh .cm::after{content:"";position:absolute;right:-70px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.16)}
html body .cdh .cm>*{position:relative;z-index:1}
html body .cdh .cm .ct{font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:12px;display:flex;align-items:center;gap:8px}
html body .cdh .cm b{font:800 52px/1 var(--serif);letter-spacing:-.03em}
html body .cdh .cm>span:last-child{font-size:14.5px;font-weight:500;margin-top:8px;opacity:.85;max-width:220px}
html body .cdh .crow.live .cm{background:var(--ink);color:#F2F0EA}
html body .cdh .crow.live .cm b{color:#D4B45E}
html body .cdh .crow.live .cm::after{background:radial-gradient(var(--glow),transparent 70%)}
html body .cdh .cm .dot{width:9px;height:9px;border-radius:50%;background:#3DBB6E;box-shadow:0 0 0 4px rgba(61,187,110,.25)}
html body .cdh .cb{padding:26px 30px;display:flex;flex-direction:column;justify-content:center;gap:16px}
html body .cdh .cb h3{font-size:25px;line-height:1.15}
html body .cdh .tl{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative;counter-reset:s}
html body .cdh .tl::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,var(--border),var(--gold))}
html body .cdh .tl li{position:relative;padding:26px 18px 0 0;font-size:14.5px;color:var(--text-2);line-height:1.4}
html body .cdh .tl li::before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--text-3)}
html body .cdh .tl li small{display:block;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
html body .cdh .tl li.res{color:var(--text);font-weight:600}
html body .cdh .tl li.res::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 25%,transparent)}
html body .cdh .tl li.res small{color:var(--link)}
html body .cdh .tg-sec{margin-top:96px}
html body .cdh .tg-head-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
html body .cdh .tg-head-row p{color:var(--text-2);margin-top:12px}
html body .cdh .arrows{display:flex;gap:10px}
html body .cdh .arrows button{width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 20px var(--sans);cursor:pointer}
html body .cdh .arrows button:hover{background:var(--gold);color:#1A1A1A;border-color:var(--gold)}
html body .cdh .phones{display:flex;gap:34px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px max(32px,calc((100vw - 1176px)/2)) 50px;scrollbar-width:none}
html body .cdh .phones::-webkit-scrollbar{display:none}
html body .cdh .iphone{flex:0 0 300px;scroll-snap-align:center;height:630px;border-radius:52px;padding:11px;background:linear-gradient(145deg,#3a3d42,#121315 40%,#2a2c30);box-shadow:0 0 0 1.5px #55585e,0 40px 70px -30px rgba(0,0,0,.7);transform:rotate(var(--r));transition:transform .4s}
html body .cdh .iphone:hover{transform:rotate(0) translateY(-8px)}
html body .cdh .scr{height:100%;border-radius:42px;overflow:hidden;display:flex;flex-direction:column;background:#DCE8C8;font-family:-apple-system,"SF Pro Text",Onest,system-ui,sans-serif;color:#000}
html body .cdh .ios-status{height:46px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 26px 0 34px;background:#F7F7F7;position:relative}
html body .cdh .ios-status b{font:600 15px -apple-system,Onest,sans-serif}
html body .cdh .ios-status .isl{position:absolute;left:50%;top:9px;width:96px;height:28px;border-radius:20px;background:#000;transform:translateX(-50%)}
html body .cdh .ios-status .ico{display:flex;gap:5px;align-items:center}
html body .cdh .ios-status svg{width:17px;height:11px;fill:#000}
html body .cdh .bat{width:24px;height:12px;border-radius:3.5px;border:1px solid rgba(0,0,0,.4);padding:1.5px;position:relative}
html body .cdh .bat i{display:block;height:100%;width:78%;background:#000;border-radius:1.5px}
html body .cdh .tg-head{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 12px 9px;background:#F7F7F7;border-bottom:.5px solid rgba(0,0,0,.18)}
html body .cdh .tg-head .back{display:flex;align-items:center;gap:4px;color:#007AFF;font-size:16px}
html body .cdh .tg-head .back svg{width:11px;height:19px}
html body .cdh .tg-head .back em{font-style:normal}
html body .cdh .tg-head .who{text-align:center;line-height:1.15}
html body .cdh .tg-head .who b{display:block;font-size:15.5px;font-weight:600}
html body .cdh .tg-head .who small{font-size:12.5px;color:#8E8E93}
html body .cdh .blur{filter:blur(5px);user-select:none}
html body .cdh .tg-head .ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#F2A365,#E36F7E)}
html body .cdh .tg-body{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8px 8px 8px;
  background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 2px,transparent 3px) 0 0/34px 34px,
  radial-gradient(circle at 70% 70%,rgba(255,255,255,.25) 0 1.5px,transparent 2.5px) 0 0/26px 26px,
  linear-gradient(160deg,#CFE3A9 0%,#B9D7A4 40%,#E3DFA6 100%)}
html body .cdh .tg-date{text-align:center;margin:4px 0}
html body .cdh .tg-date span{display:inline-block;padding:3px 9px;border-radius:12px;background:rgba(77,104,62,.38);color:#fff;font-size:12.5px;font-weight:500}
html body .cdh .tg-msg{display:flex}
html body .cdh .tg-msg.mout{justify-content:flex-end}
html body .cdh .bb{position:relative;max-width:84%;padding:6px 9px 6px 10px;border-radius:17px;font-size:13.6px;line-height:1.3;background:#fff;box-shadow:0 1px .5px rgba(0,0,0,.13);word-wrap:break-word}
html body .cdh .tg-msg.min .bb{border-bottom-left-radius:5px}
html body .cdh .tg-msg.mout .bb{background:#E1FEC6;border-bottom-right-radius:5px}
html body .cdh .bb .tm{float:right;margin:7px -2px -4px 8px;font-size:11px;color:#8E8E93;display:inline-flex;align-items:center;gap:2px}
html body .cdh .tg-msg.mout .tm{color:#5FAE52}
html body .cdh .bb .ck{width:16px;height:10px}
html body .cdh .tg-input{flex:none;display:flex;align-items:center;gap:9px;padding:7px 10px 20px;background:#F7F7F7;border-top:.5px solid rgba(0,0,0,.15)}
html body .cdh .tg-input .fld{flex:1;height:34px;border-radius:17px;border:.5px solid rgba(0,0,0,.2);background:#fff;color:#C7C7CC;font-size:15px;display:flex;align-items:center;padding:0 12px}
html body .cdh .tg-input .clip,html body .cdh .tg-input .mic{width:24px;height:24px;border-radius:50%;border:2px solid #8E8E93;opacity:.8}
html body .cdh .tg-input .mic{border-radius:8px;width:14px}
html body .cdh .letters{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:center;margin-top:30px}
html body .cdh .letters .fan{position:relative;height:300px;margin:0}
html body .cdh .letters .quote{font:600 28px/1.25 var(--serif);margin:16px 0 14px}
html body .cdh .qwho{color:var(--text-2);font-size:15px}
html body .cdh .sec.papersec{background:#F3EEE2;color:#1A1A1A;--text:#1A1A1A;--text-2:#5A5650;--text-3:#6E6960;--link:#7A5F1E;--border:#E4DFD4;--surface:#FFFFFF;--surface-2:#F7F5F0}
html body .cdh .sec.papersec .eyebrow{color:#7A5F1E}
html[data-theme="dark"] body .cdh .sec.papersec{background:#2F343B;color:#F2F0EA;--text:#F2F0EA;--text-2:#B8B4AA;--text-3:#A19D94;--link:#D4B45E;--border:#3A3F47;--surface:#272B31;--surface-2:#1E2126}
html[data-theme="dark"] body .cdh .sec.papersec .eyebrow{color:#D4B45E}
html[data-theme="dark"] body .cdh .papersec .goods,html[data-theme="dark"] body .cdh .papersec .dcard{background:#272B31;border:1px solid #3A3F47;box-shadow:0 30px 60px -34px rgba(0,0,0,.65)}
html[data-theme="dark"] body .cdh .papersec .goods>span,html[data-theme="dark"] body .cdh .papersec .dt p{color:#B8B4AA}
html[data-theme="dark"] body .cdh .papersec .goods .pics img{border-color:#3A3F47}
html[data-theme="dark"] body .cdh .papersec .qline .q{border:1px solid #3A3F47}
html[data-theme="dark"] body .cdh .papersec .dfoot span{background:rgba(255,255,255,.04);color:#B8B4AA}
html[data-theme="dark"] body .cdh .papersec .dfoot span b{color:#F2F0EA}
html body .cdh .dtree{display:grid;grid-template-columns:300px 1fr;grid-template-areas:"goods q" "goods docs" "foot foot";gap:26px 40px;align-items:center}
html body .cdh .goods{grid-area:goods;background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 60px -34px rgba(30,33,38,.45);text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
html body .cdh .goods .pics{position:relative;height:200px;margin-bottom:18px}
html body .cdh .goods .pics img{position:absolute;width:128px;height:128px;object-fit:cover;border-radius:18px;border:4px solid #fff;box-shadow:0 14px 28px -12px rgba(0,0,0,.4)}
html body .cdh .goods .pics img:nth-child(1){left:-4px;top:52px;transform:rotate(-9deg)}
html body .cdh .goods .pics img:nth-child(2){right:-4px;top:56px;transform:rotate(8deg)}
html body .cdh .goods .pics img:nth-child(3){left:50%;top:0;transform:translateX(-50%) rotate(-1deg);z-index:2}
html body .cdh .goods b{font:700 26px var(--serif)}
html body .cdh .goods>span{display:block;color:#6E6960;font-size:14.5px;margin-top:4px}
html body .cdh .qline{grid-area:q;position:relative}
html body .cdh .qline .q{display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border-radius:18px;background:#1E2126;color:#F2F0EA;font:600 18px/1.3 var(--serif);position:relative}
html body .cdh .qline .q::before{content:"?";flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#D4B45E;color:#1A1A1A;font:800 18px var(--sans)}
html body .cdh .qline::before{content:"";position:absolute;left:-40px;top:50%;width:40px;border-top:2px dashed #C9A84C}
html body .cdh .docs3{grid-area:docs;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
html body .cdh .dcard{background:#fff;border-radius:24px;padding:20px 20px 22px;box-shadow:0 24px 50px -34px rgba(30,33,38,.5);transition:transform .3s}
html body .cdh .dcard:hover{transform:translateY(-6px)}
html body .cdh .dt b{display:block;font:700 19px var(--serif);margin:10px 0 4px}
html body .cdh .dt p{font-size:14px;color:#6E6960}
html body .cdh .pill-y,html body .cdh .pill-n{display:inline-block;padding:5px 10px;border-radius:99px;font:700 12px var(--sans)}
html body .cdh .pill-y{background:rgba(31,107,58,.12);color:#1F6B3A}
html body .cdh .pill-n{background:#F3EEE2;color:#7A5F1E}
html body .cdh .a4{position:relative;height:210px;margin:0 auto 16px;width:160px;background:#FFFEFA;border-radius:3px;padding:14px 13px;box-shadow:0 1px 0 #E9E3D6,0 18px 30px -16px rgba(0,0,0,.35);overflow:hidden;font-family:Georgia,serif;text-align:center;transform:rotate(-1.5deg)}
html body .cdh .dcard:nth-child(2) .a4{transform:rotate(1.2deg)}
html body .cdh .a4 small{display:block;font:700 6.2px/1.2 Onest,sans-serif;letter-spacing:.06em;color:#5A5650;margin-bottom:6px}
html body .cdh .a4 b{display:block;font:800 11.5px/1.15 Georgia,serif;letter-spacing:.04em;color:#1A1A1A;margin-bottom:4px}
html body .cdh .a4 em{display:block;font:600 6.5px Onest,sans-serif;color:#7A5F1E;font-style:normal;margin-bottom:9px}
html body .cdh .a4 i{display:block;height:4px;border-radius:2px;background:#E4DFD4;margin:5px 0;width:100%}
html body .cdh .a4 i.s{width:62%}
html body .cdh .a4 .foot{position:absolute;left:13px;right:13px;bottom:12px;display:flex;justify-content:space-between;align-items:flex-end}
html body .cdh .a4 .qr{width:30px;height:30px;background:conic-gradient(#1A1A1A 25%,transparent 0 50%,#1A1A1A 0 75%,transparent 0) 0 0/7.5px 7.5px;border:2px solid #1A1A1A}
html body .cdh .a4 .ok{font:700 7.5px Onest,sans-serif;color:#1F6B3A;background:rgba(31,107,58,.1);padding:3px 6px;border-radius:9px}
html body .cdh .a4 .sig{width:54px;height:22px;border-bottom:1px solid #8C8577;background:radial-gradient(ellipse 22px 7px at 40% 60%,transparent 70%,#2B3A67 72%,transparent 80%),radial-gradient(ellipse 14px 9px at 70% 40%,transparent 70%,#2B3A67 73%,transparent 82%)}
html body .cdh .a4 .wm{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-28deg);font:800 21px Onest,sans-serif;letter-spacing:.14em;color:rgba(179,38,30,.16);white-space:nowrap}
html body .cdh .a4.cert{padding:7px}
html body .cdh .a4.cert .frm{height:100%;border:2px solid #C9A84C;outline:1px solid #C9A84C;outline-offset:-5px;padding:10px 9px;position:relative;
  background:repeating-radial-gradient(circle at 50% 50%,rgba(201,168,76,.10) 0 1px,transparent 1px 5px)}
html body .cdh .a4.cert .foot{left:9px;right:9px;bottom:8px}
html body .cdh .a4.otk{text-align:left}
html body .cdh .a4.otk .lh{display:flex;gap:6px;align-items:center;font:600 6px/1.2 Onest,sans-serif;color:#5A5650;margin-bottom:12px;border-bottom:1px solid #C9A84C;padding-bottom:6px}
html body .cdh .a4.otk .lh b{font:800 8px Onest,sans-serif;margin:0;letter-spacing:.06em}
html body .cdh .a4.otk .lg{width:14px;height:17px;background:#1A1A1A;clip-path:polygon(0 0,70% 0,100% 25%,100% 100%,0 100%)}
html body .cdh .a4.otk>b{font-size:10.5px}
html body .cdh .a4.otk>em{color:#5A5650;font-weight:500}
html body .cdh .dfoot{grid-area:foot;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
html body .cdh .dfoot span{padding:12px 16px;border-radius:14px;border:1.5px dashed #C9A84C;font-size:14.5px;color:#5A5650;background:rgba(255,255,255,.5)}
html body .cdh .dfoot span b{color:#1A1A1A}
html body .cdh .dfoot .btn{margin-left:auto}
html body .cdh .tile:not(.big):not(.ask){background-color:#1E2126}
html body .cdh .tile:not(.big):not(.ask)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(201,168,76,.10),rgba(30,33,38,.0) 40%);mix-blend-mode:soft-light;pointer-events:none}
html body .cdh .tile .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
html body .cdh .tile .chips span{padding:4px 9px;border-radius:99px;background:rgba(212,180,94,.22);color:#F2E3B3;font:600 11.5px var(--sans);backdrop-filter:blur(6px)}
@media (max-width:1100px){html body .cdh .crow{grid-template-columns:1fr}
html body .cdh .letters{grid-template-columns:1fr}
html body .cdh .dtree{grid-template-columns:1fr;grid-template-areas:"goods" "q" "docs" "foot"}
html body .cdh .qline::before{display:none}}
@media (max-width:700px){html body .cdh .cm{padding:20px}
html body .cdh .cm b{font-size:42px}
html body .cdh .crows{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
html body .cdh .crow{flex:0 0 88%;scroll-snap-align:start}
html body .cdh .logos{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
html body .cdh .logos span{flex:none;height:44px;font-size:14px}
html body .cdh .cb{padding:20px}
html body .cdh .cb h3{font-size:21px}
html body .cdh .tl{grid-template-columns:1fr;gap:12px}
html body .cdh .tl::before{left:8px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--border),var(--gold))}
html body .cdh .tl li{padding:0 0 0 28px}
html body .cdh .tl li::before{top:2px}
html body .cdh .tg-head-row{flex-direction:column;align-items:start}
html body .cdh .arrows{display:none}
html body .cdh .phones{padding:10px 16px 40px;gap:18px}
html body .cdh .iphone{flex-basis:270px;height:568px}
html body .cdh .letters .fan{height:240px}
html body .cdh .letters .quote{font-size:22px}
html body .cdh .docs3{grid-template-columns:1fr}
html body .cdh .dcard{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:14px}
html body .cdh .a4{width:100px;height:132px;margin:0;padding:8px}
html body .cdh .a4 b{font-size:7.5px}
html body .cdh .a4 small,html body .cdh .a4 em{font-size:4.5px}
html body .cdh .a4 i{height:3px;margin:3px 0}
html body .cdh .a4 .wm{font-size:14px}
html body .cdh .a4 .qr{width:20px;height:20px}
html body .cdh .qline .q{font-size:16px}
html body .cdh .dfoot .btn{margin-left:0;width:100%}
html body .cdh .goods .pics{height:160px}
html body .cdh .goods .pics img{width:118px;height:118px}}
html body .cdh .nav{gap:4px!important;padding:6px 10px!important}
html body .cdh .nav>a,html body .cdh .nav .dd>a{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px}
html body .cdh .nav>a::after,html body .cdh .nav .dd>a::after{display:none}
html body .cdh .nav>a:hover,html body .cdh .nav .dd:hover>a{background:color-mix(in srgb,var(--gold) 18%,transparent)}
html body .cdh .chev{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
html body .cdh .dd{position:relative}
html body .cdh .mega{position:absolute;top:calc(100% + 14px);left:-20px;display:grid;grid-template-columns:repeat(2,220px) 250px;gap:26px;padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:50;color:var(--text)}
html body .cdh .mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
html body .cdh .dd:hover .mega,html.cd-static body .cdh .dd.open .mega{opacity:1;visibility:visible;transform:none}
html body .cdh .mega.sm2{grid-template-columns:repeat(2,230px)}
html body .cdh .mega.sm1{grid-template-columns:220px;left:-10px}
html body .cdh .mega small{display:block;font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--link);margin-bottom:10px}
html body .cdh .mega a{display:block;padding:7px 0;font-size:15px;color:var(--text-2)}
html body .cdh .mega a:hover{color:var(--text)}
html body .cdh .mega .promo{background:var(--ink);color:#F2F0EA;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px}
html body .cdh .mega .promo .av{width:52px;height:52px;border-radius:50%;background:#D4B45E url(home/alexey2-cut-480.webp) 38% 2%/190% auto no-repeat}
html body .cdh .mega .promo b{font:700 18px/1.2 var(--serif)}
html body .cdh .mega .promo p{font-size:14px;color:#B8B4AA}
html body .cdh .btn.sm{height:44px;padding:0 16px;font-size:14px;border-radius:12px;justify-content:center;color:#1A1A1A}
html body .cdh .mega .promo .calc{color:#D4B45E;font-size:14px;padding:0}
html body .cdh .mega .promo .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;color:#1A1A1A}
html body .cdh .logos{gap:12px!important;max-width:620px}
html body .cdh .logos .lg{height:64px;min-width:120px;padding:0 22px;display:grid;place-items:center;border-radius:16px;background:#FFFFFF;border:1px solid var(--border)}
html body .cdh .logos .lg img{max-height:30px;max-width:150px;width:auto}
html body .cdh .logos .lg img[alt="Комус"]{max-height:42px;max-width:170px}
html body .cdh .logos .lg.wm1{font:800 17px Georgia,serif;letter-spacing:.06em;color:#1A1A1A}
html body .cdh .logos .lg.wm2{font:italic 700 22px Georgia,serif;color:#1A1A1A}
html body .cdh .logos .lg.wm3{font:700 13px Georgia,serif;letter-spacing:.08em;color:#1A1A1A}
html body .cdh .ysec{margin-top:100px}
html body .cdh .yhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
html body .cdh .yhead p{color:var(--text-2);margin-top:12px}
html body .cdh .ybadge{display:flex;align-items:center;gap:14px;padding:14px 20px 14px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s}
html body .cdh .ybadge:hover{border-color:var(--gold)}
html body .cdh .ypin{width:44px;height:44px;border-radius:12px;background:#FC3F1D;position:relative}
html body .cdh .ypin::after{content:"";position:absolute;left:50%;top:44%;width:16px;height:16px;border-radius:50% 50% 50% 0;background:#fff;transform:translate(-50%,-50%) rotate(-45deg)}
html body .cdh .ybadge b{display:block;font-weight:700}
html body .cdh .ybadge small{color:var(--text-3);font-size:13.5px}
html body .cdh .ygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
html body .cdh .ycard{padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}
html body .cdh .yh{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin-bottom:14px}
html body .cdh .yav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 30%,var(--surface));font:700 18px var(--sans);color:var(--text)}
html body .cdh .yh b{display:block;font-weight:700;font-size:15.5px}
html body .cdh .yh small{color:var(--text-3);font-size:13px}
html body .cdh .ystars{display:flex;gap:2px}
html body .cdh .ystars svg{width:16px;height:16px;fill:#FFB800}
html body .cdh .ycard p{font-size:15.5px;line-height:1.5}
html body .cdh .ycard:nth-child(1),html body .cdh .ycard:nth-child(2){border-color:color-mix(in srgb,var(--gold) 45%,var(--border))}
html body .cdh .scr.mail{background:#fff}
html body .cdh .m-top{padding:6px 14px 4px;background:#fff}
html body .cdh .m-top .back{display:flex;align-items:center;gap:4px;color:#007AFF;font-size:16px}
html body .cdh .m-top .back svg{width:11px;height:19px}
html body .cdh .m-top .back em{font-style:normal}
html body .cdh .m-subj{padding:8px 16px 12px;font:700 21px/1.2 -apple-system,Onest,sans-serif;border-bottom:.5px solid #E0E0E5}
html body .cdh .m-msg{padding:14px 16px;border-bottom:.5px solid #E0E0E5}
html body .cdh .m-from{display:flex;gap:10px;align-items:center;margin-bottom:10px}
html body .cdh .m-from .ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9AA7FF,#6E7BEA);flex:none}
html body .cdh .m-from b{display:block;font-size:15px}
html body .cdh .m-from small{color:#8E8E93;font-size:12.5px}
html body .cdh .m-msg p{font-size:15px;line-height:1.4;color:#111}
html body .cdh .m-msg p.dim{color:#8E8E93;margin-top:4px}
html body .cdh .m-bar{margin-top:auto;display:flex;justify-content:space-around;padding:12px 20px 22px;border-top:.5px solid #E0E0E5;background:#F9F9F9}
html body .cdh .m-bar span{width:22px;height:22px;border-radius:6px;border:2px solid #007AFF;opacity:.8}
html body .cdh .shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
html body .cdh .sd{display:flex;flex-direction:column;border-radius:22px;background:var(--surface);border:1px solid var(--border);padding:16px 18px 18px;transition:transform .25s,border-color .25s}
html body .cdh .sd:hover{transform:translateY(-5px);border-color:var(--gold)}
html body .cdh .sd .th{height:150px;border-radius:14px;background:linear-gradient(160deg,#EFE8D8,#E2D7BE);display:grid;place-items:center;margin-bottom:14px;overflow:hidden;position:relative}
html[data-theme="dark"] body .cdh .sd .th{background:linear-gradient(160deg,#3A3F47,#2A2E34)}
html body .cdh .sd>b{font:700 18px/1.2 var(--serif);margin-bottom:4px}
html body .cdh .sd>span{font-size:14px;color:var(--text-2)}
html body .cdh .a4.mini{width:96px;height:128px;padding:9px 8px;margin:0;transform:rotate(-3deg)}
html body .cdh .a4.mini small{font-size:4px;margin-bottom:4px}
html body .cdh .a4.mini b{font-size:7px}
html body .cdh .a4.mini i{height:3px;margin:3.5px 0}
html body .cdh .a4.mini .qr{width:18px;height:18px;background-size:4.5px 4.5px;border-width:1.5px}
html body .cdh .a4.mini .foot{left:8px;right:8px;bottom:8px}
html body .cdh .a4.cert.mini{padding:5px}
html body .cdh .a4.cert.mini .frm{padding:6px 5px}
html body .cdh .a4.otk.mini .lh{font-size:4px;margin-bottom:7px;padding-bottom:4px}
html body .cdh .a4.otk.mini .lh b{font-size:5.5px}
html body .cdh .a4.otk.mini .lg{width:8px;height:10px}
html body .cdh .a4.sgr{border-top:4px solid #2B6CB0}
html body .cdh .label{width:150px;height:96px;border-radius:8px;background:#fff;box-shadow:0 14px 26px -12px rgba(0,0,0,.45);display:flex;gap:10px;align-items:center;padding:12px;transform:rotate(-4deg);font:600 8.5px/1.6 Onest,monospace;color:#1A1A1A}
html body .cdh .label .dm{width:58px;height:58px;flex:none;background:
  conic-gradient(#111 25%,transparent 0 50%,#111 0 75%,transparent 0) 0 0/9.6px 9.6px;border-left:3px solid #111;border-bottom:3px solid #111}
html body .cdh .tu{position:relative;width:120px;height:130px}
html body .cdh .tu>span{position:absolute;width:96px;height:128px;border-radius:3px;background:#F7F2E6;box-shadow:0 6px 12px -8px rgba(0,0,0,.4)}
html body .cdh .tu>span:nth-child(1){left:22px;top:-2px;transform:rotate(6deg)}
html body .cdh .tu>span:nth-child(2){left:14px;top:0;transform:rotate(3deg)}
html body .cdh .tu .cover{position:absolute;left:4px;top:2px;background:#1E2126!important;color:#F2F0EA;text-align:center}
html body .cdh .tu .cover small{color:#D4B45E!important;margin-top:20px}
html body .cdh .tu .cover b{color:#F2F0EA!important;font-size:6.5px!important}
html body .cdh .tu .cover i{background:#3A3F47!important}
html body .cdh .dc{grid-template-columns:1.25fr .75fr!important;align-items:start}
@media (max-width:1100px){html body .cdh .ygrid{grid-template-columns:1fr 1fr}
html body .cdh .yhead{flex-direction:column;align-items:start}
html body .cdh .mega{display:none}}
@media (max-width:700px){html body .cdh .ygrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
html body .cdh .ycard{flex:0 0 84%;scroll-snap-align:start}
html body .cdh .shelf{grid-template-columns:1fr 1fr}
html body .cdh .sd .th{height:120px}
html body .cdh .sd>b{font-size:15.5px}
html body .cdh .sd>span{font-size:12.5px}
html body .cdh .logos .lg{height:52px;min-width:100px;padding:0 14px}
html body .cdh .logos .lg img{max-height:24px}}
html body .cdh .partner .pofr{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:34px;border-radius:30px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}
html[data-theme="dark"] body .cdh .partner .pofr{background:var(--ink-2)}
html body .cdh .partner .pofr::after{content:"";position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(var(--tint),transparent 70%);pointer-events:none}
html body .cdh .partner .pimg{display:block;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s}
html body .cdh .partner .pimg:hover{transform:translateY(-4px)}
html body .cdh .partner .pimg img{width:100%;height:auto;display:block}
html body .cdh .partner .ptxt{position:relative;z-index:1}
html body .cdh .partner .eyebrow{display:flex;align-items:center;gap:12px}
html body .cdh .partner .eyebrow::before{content:"";width:34px;height:2px;background:var(--gold)}
html body .cdh .partner h2{margin:16px 0 16px;font-size:42px}
html body .cdh .partner .ptxt>p{color:var(--text-2);font-size:17px}
html body .cdh .partner .ptag{display:inline-block;margin:20px 0 22px;padding:9px 16px;border-radius:99px;border:1px solid var(--gold);color:var(--link);font-weight:600;font-size:15px}
html body .cdh .partner .fine{margin-top:18px;font-size:13px;color:var(--text-3)}
@media (max-width:1100px){html body .cdh .partner .pofr{grid-template-columns:1fr;gap:26px}}
@media (max-width:700px){html body .cdh .partner .pofr{padding:18px;border-radius:22px}
html body .cdh .partner h2{font-size:28px}
html body .cdh .partner .ptxt>p{font-size:15.5px}}
html body .cdh .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:250px 250px 250px;gap:16px}
html body .cdh .tile{position:relative;border-radius:24px;overflow:hidden;background:#16181C center/cover no-repeat;color:#F2F0EA;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:transform .35s}
html body .cdh .tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,28,.05) 20%,rgba(22,24,28,.55) 55%,rgba(22,24,28,.94));transition:opacity .3s}
html body .cdh .tile>*{position:relative}
html body .cdh .tile:hover{transform:translateY(-6px)}
html body .cdh .tile .bgimg{position:absolute;inset:0;background:inherit;background-size:cover;transition:transform .8s}
html body .cdh .tile:hover .bgimg{transform:scale(1.06)}
html body .cdh .tile h3{font-size:24px;line-height:1.1;margin-bottom:6px}
html body .cdh .tile p{font-size:14.5px;color:#C9C5BC;max-width:300px}
html body .cdh .tile .go{position:absolute;right:20px;top:20px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff}
html body .cdh .tile .go svg{width:18px;height:18px}
html body .cdh .tile.big{grid-column:span 2;grid-row:span 2;padding:34px;background:var(--ink);justify-content:flex-start}
html body .cdh .tile.big::before{background:radial-gradient(520px 420px at 85% 100%,var(--glow),transparent 70%)}
html body .cdh .tile.big h3{font-size:38px;margin-top:12px}
html body .cdh .tile.big p{font-size:17px;max-width:460px}
html body .cdh .tile.big .eyebrow{color:#D4B45E}
html body .cdh .mp{position:relative;display:flex;align-items:center;gap:18px;margin-top:auto}
html body .cdh .pcard{width:196px;flex:none;border-radius:18px;background:#fff;color:#1A1A1A;padding:10px;box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
html body .cdh .pcard .ph{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1/1;background:#EEE center/cover}
html body .cdh .pcard .ph .ban{position:absolute;left:8px;right:8px;top:8px;padding:7px 9px;border-radius:9px;background:rgba(179,38,30,.92);color:#fff;font:600 11px/1.2 var(--sans)}
html body .cdh .pcard .ph.blur{filter:grayscale(.7) brightness(.9)}
html body .cdh .pcard .pr{font:800 17px var(--sans);margin:9px 4px 2px}
html body .cdh .pcard .nm{font-size:12px;color:#6E6960;margin:0 4px 8px;line-height:1.3}
html body .cdh .pcard .st{display:flex;align-items:center;gap:6px;margin:0 4px 4px;font:700 12px var(--sans)}
html body .cdh .pcard .st.bad{color:#B3261E}
html body .cdh .pcard .st.good{color:#1F6B3A}
html body .cdh .pcard .st i{width:8px;height:8px;border-radius:50%;background:currentColor}
html body .cdh .pcard .bt{margin:8px 0 0;height:34px;border-radius:10px;display:grid;place-items:center;font:700 12.5px var(--sans);background:#EEE;color:#8C8577}
html body .cdh .pcard .bt.on{background:#C9A84C;color:#1A1A1A}
html body .cdh .pcard.after{transform:rotate(3deg) translateY(-14px)}
html body .cdh .pcard.before{transform:rotate(-4deg)}
html body .cdh .mp .arr{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;background:#D4B45E;color:#1A1A1A;box-shadow:0 0 0 10px rgba(212,180,94,.18)}
html body .cdh .mp .arr svg{width:26px;height:26px}
html body .cdh .mp .pc3{position:absolute;right:-10px;bottom:-10px;width:120px;transform:rotate(9deg);opacity:.95}
html body .cdh .tile.wide{grid-column:span 2}
html body .cdh .tile.ask{background:var(--tint);color:var(--text);border:1.5px dashed var(--gold);justify-content:center}
html body .cdh .tile.ask::before{display:none}
html body .cdh .tile.ask h3{color:var(--link)}
html body .cdh .tile.ask p{color:var(--text-2)}
html body .cdh .tile.ask .go{background:var(--gold);color:#1A1A1A}
html body .cdh .funnel-sec{background:var(--surface-2);position:relative;overflow:hidden}
html body .cdh .funnel-sec::before{content:"";position:absolute;right:-200px;top:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(var(--tint),transparent 70%)}
html body .cdh .funnel-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
html body .cdh .funnel-intro{position:sticky;top:120px}
html.cd-static body .cdh .funnel-intro{position:static}
html body .cdh .funnel-intro h2{margin:16px 0 18px}
html body .cdh .funnel-intro p{color:var(--text-2);margin-bottom:26px}
html body .cdh .note{display:flex;gap:14px;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);font-size:15px}
html body .cdh .note svg{flex:none;width:24px;height:24px;color:var(--link)}
html body .cdh .funnel{display:grid;gap:12px}
html body .cdh .band{--w:100%;width:var(--w);margin:0 auto;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;padding:20px 26px;border-radius:20px;background:var(--surface);border:1px solid var(--border);position:relative}
html body .cdh .band:nth-child(2){--w:94%}
html body .cdh .band:nth-child(3){--w:88%}
html body .cdh .band:nth-child(4){--w:82%}
html body .cdh .band:nth-child(5){--w:76%}
html body .cdh .band .n{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:700 26px var(--serif);background:var(--tint);color:var(--link);border:1.5px solid color-mix(in srgb,var(--gold) 55%,transparent)}
html body .cdh .band h3{font-size:21px;line-height:1.15}
html body .cdh .band p{font-size:14.5px;color:var(--text-2);margin-top:3px}
html body .cdh .band .get{font-size:13px;font-weight:600;padding:7px 12px;border-radius:10px;background:var(--surface-2);color:var(--text-2);white-space:nowrap}
html body .cdh .band .get.free{background:var(--okbg);color:var(--ok)}
html body .cdh .band:not(:last-child)::after{content:"";position:absolute;left:58px;bottom:-13px;width:2px;height:14px;background:var(--gold)}
html body .cdh .band.done{background:var(--ink);border-color:var(--ink);color:var(--on-ink);box-shadow:0 24px 50px -20px var(--glow)}
html body .cdh .band.done .n{background:var(--gold);color:#1A1A1A;border-color:var(--gold)}
html body .cdh .band.done p{color:var(--on-ink-2)}
html body .cdh .band.done .get{background:rgba(212,180,94,.16);color:#D4B45E}
html body .cdh .decide{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
html body .cdh .decide h2{margin:16px 0 18px}
html body .cdh .decide>div>p{color:var(--text-2);margin-bottom:28px}
html body .cdh .flow{position:relative;padding:20px 0}
html body .cdh .start{position:relative}
html body .cdh .start::after{content:"";position:absolute;left:100%;top:50%;width:35px;border-top:2px dashed var(--gold)}
html body .cdh .outs{position:relative}
html body .cdh .outs::before{content:"";position:absolute;left:-35px;top:46px;bottom:46px;border-left:2px dashed var(--gold)}
html body .cdh .out{position:relative}
html body .cdh .out::before{content:"";position:absolute;right:100%;top:50%;width:35px;border-top:2px dashed var(--gold)}
html body .cdh .out::after{content:"";position:absolute;left:-7px;top:calc(50% - 5px);border:5px solid transparent;border-left:7px solid var(--gold);border-right:0}
html body .cdh .flow-grid{position:relative;display:grid;grid-template-columns:170px 1fr;gap:70px;align-items:center}
html body .cdh .start{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 18px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}
html body .cdh .start .q{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--gold);color:#1A1A1A}
html body .cdh .start .q svg{width:32px;height:32px}
html body .cdh .start b{font:700 20px var(--serif)}
html body .cdh .start span{font-size:13px;color:var(--text-3)}
html body .cdh .outs{display:grid;gap:14px}
html body .cdh .out{display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;padding:16px 20px 16px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--border);transition:transform .25s,border-color .25s}
html body .cdh .out:hover{transform:translateX(6px);border-color:var(--gold)}
html body .cdh .mini{position:relative;width:62px;height:76px;border-radius:6px;background:#FFFDF8;border:1px solid #E4DFD4;padding:10px 8px;box-shadow:0 10px 20px -12px rgba(0,0,0,.45)}
html body .cdh .mini::after{content:"";position:absolute;right:-1px;top:-1px;border-style:solid;border-width:0 14px 14px 0;border-color:transparent var(--surface) #E4DFD4 transparent}
html body .cdh .mini i{display:block;height:4px;border-radius:2px;background:#E4DFD4;margin-bottom:5px}
html body .cdh .mini i:first-child{width:70%;background:#C9A84C}
html body .cdh .mini .stp{position:absolute;right:6px;bottom:6px;width:20px;height:20px;border-radius:50%;border:2px solid #1F6B3A;opacity:.8}
html body .cdh .mini.x .stp{border-color:#8C8577}
html body .cdh .out b{font:700 21px var(--serif);display:block}
html body .cdh .out p{font-size:14px;color:var(--text-2)}
html body .cdh .out .when{font:600 12.5px var(--sans);padding:7px 11px;border-radius:10px;background:var(--surface-2);color:var(--text-2);text-align:center;line-height:1.25}
html body .cdh .extras{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding-left:240px}
html body .cdh .extras span{padding:10px 14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--gold) 60%,transparent);font-size:14px;color:var(--text-2)}
html body .cdh .extras b{color:var(--text)}
html body .cdh .dc{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
html body .cdh .docs{border-radius:26px;background:var(--surface);border:1px solid var(--border);overflow:hidden}
html body .cdh .docs a{display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;padding:20px 26px;border-bottom:1px solid var(--border);transition:background .2s}
html body .cdh .docs a:last-child{border:0}
html body .cdh .docs a:hover{background:var(--tint)}
html body .cdh .docs .di{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--link)}
html body .cdh .docs .di svg{width:26px;height:26px}
html body .cdh .docs b{font:700 19px var(--serif);display:block}
html body .cdh .docs span{font-size:14.5px;color:var(--text-2)}
html body .cdh .docs .ar{color:var(--link)}
html body .cdh .docs .ar svg{width:20px;height:20px}
html body .cdh .cost{border-radius:26px;background:var(--ink);color:var(--on-ink);padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden}
html body .cdh .cost::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(var(--glow),transparent 70%)}
html body .cdh .cost>*{position:relative}
html body .cdh .cost .eyebrow{color:#D4B45E}
html body .cdh .cost h3{font-size:30px;margin:12px 0 8px}
html body .cdh .cost>p{color:#B8B4AA;font-size:15.5px}
html body .cdh .bar{display:flex;height:62px;border-radius:14px;overflow:hidden;margin:30px 0 22px}
html body .cdh .bar span{display:grid;place-items:center;font-weight:700;font-size:13px;color:#1A1A1A}
html body .cdh .bar span:nth-child(1){flex:4.2;background:#D4B45E}
html body .cdh .bar span:nth-child(2){flex:2.8;background:#F2F0EA}
html body .cdh .bar span:nth-child(3){flex:2.2;background:repeating-linear-gradient(135deg,#9C8A55 0 8px,#8A794A 8px 16px)}
html body .cdh .bar span:nth-child(4){flex:.9;background:#5A5650;color:#F2F0EA}
html body .cdh .legend{list-style:none;display:grid;gap:12px;font-size:15px}
html body .cdh .legend li{display:grid;grid-template-columns:26px 1fr;gap:6px}
html body .cdh .legend i{width:14px;height:14px;border-radius:4px;margin-top:4px}
html body .cdh .legend li:nth-child(1) i{background:#D4B45E}
html body .cdh .legend li:nth-child(2) i{background:#F2F0EA}
html body .cdh .legend li:nth-child(3) i{background:repeating-linear-gradient(135deg,#9C8A55 0 3px,#8A794A 3px 6px)}
html body .cdh .legend li:nth-child(4) i{background:#5A5650}
html body .cdh .legend span{color:#B8B4AA}
html body .cdh .cost .warn{margin-top:auto;padding-top:24px;font-weight:600;color:#D4B45E}
html body .cdh .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
html body .cdh .me-card{position:relative;margin-top:30px;border-radius:24px;overflow:hidden;background:var(--ink);height:340px}
html body .cdh .me-card::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 300px at 50% 80%,var(--glow),transparent 70%)}
html body .cdh .me-card img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:310px;width:auto;max-width:none}
html body .cdh .me-card p{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:16px;background:rgba(22,24,28,.7);backdrop-filter:blur(10px);color:#F2F0EA;font-size:15px}
html body .cdh .me-card p a{color:#D4B45E;font-weight:600}
html body .cdh .me-card.photo{height:auto;display:flex;flex-direction:column}
html body .cdh .me-card.photo::before{display:none}
html body .cdh .me-card.photo img{position:static;inset:auto;transform:none;display:block;width:100%;height:auto;aspect-ratio:3/4;max-width:none;object-fit:cover;object-position:50% 50%}
html body .cdh .me-card.photo p{position:static;margin:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px 18px 18px}
html body .cdh details{border-bottom:1px solid var(--border);padding:24px 0}
html body .cdh details:first-child{border-top:1px solid var(--border)}
html body .cdh summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:700 21px/1.3 var(--serif)}
html body .cdh summary::-webkit-details-marker{display:none}
html body .cdh summary::after{content:"+";flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--link);font:500 24px/1 var(--sans);transition:transform .3s}
html body .cdh details[open] summary::after{content:"−";background:var(--gold);color:#1A1A1A}
html body .cdh details p{color:var(--text-2);margin-top:12px;max-width:640px}
html body .cdh .final{position:relative;border-radius:36px;overflow:hidden;min-height:500px;display:grid;grid-template-columns:1.1fr .9fr;color:#F2F0EA;background:#16181C url(home/hero-dark-1536.webp) 70% 40%/cover}
html body .cdh .final::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16181C 10%,rgba(22,24,28,.75) 50%,rgba(22,24,28,.2))}
html body .cdh .final .txt{position:relative;padding:64px}
html body .cdh .final h2{font-size:48px;margin:14px 0 16px}
html body .cdh .final h2 em{font-style:normal;color:#D4B45E}
html body .cdh .final .txt>p{color:#C9C5BC;margin-bottom:30px;max-width:520px}
html body .cdh .final .eyebrow{color:#D4B45E}
html body .cdh .final form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:28px;max-width:620px}
html body .cdh .final label{grid-column:1/-1;font-size:14px;font-weight:600;color:#B8B4AA}
html body .cdh .final input{height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#F2F0EA;padding:0 16px;font:16px var(--sans);backdrop-filter:blur(8px)}
html body .cdh .final input::placeholder{color:#8F8B83}
html body .cdh .final .sb{height:56px;padding:0 22px;border-radius:14px;border:1.5px solid #F2F0EA;background:transparent;color:#F2F0EA;font:600 16px var(--sans)}
html body .cdh .final img{position:absolute;right:40px;bottom:0;height:470px;width:auto;max-width:none;filter:drop-shadow(-16px 0 40px rgba(212,180,94,.3))}
html body .cdh footer{padding:40px 0 56px;color:var(--text-3);font-size:14px}
html body .cdh footer .flogo{display:flex;align-items:center;gap:10px;font:700 17px var(--serif);letter-spacing:.09em;color:var(--text)}
html body .cdh footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:28px}
@media (max-width:1100px){html body .cdh .hero{height:auto}
html body .cdh .hero-in{grid-template-columns:1fr}
html body .cdh .hero-art{height:600px}
html body .cdh .nav{display:none}
html body .cdh .burger{display:grid;margin-left:auto}
html body .cdh .trust-head,html body .cdh .thanks,html body .cdh .funnel-grid,html body .cdh .decide,html body .cdh .dc,html body .cdh .faq{grid-template-columns:1fr}
html body .cdh .logos{justify-content:flex-start}
html body .cdh .funnel-intro{position:static}
html body .cdh .case{grid-column:span 12}
html body .cdh .wide-in{grid-template-columns:1fr}
html body .cdh .final{grid-template-columns:1fr}
html body .cdh .final img{display:none}
html body .cdh .extras{padding-left:0}}
@media (max-width:700px){html body .cdh .wrap{padding:0 16px}
html body .cdh .top .wrap{height:64px;gap:10px}
html body .cdh .logo .lw b{font-size:19px}
html body .cdh .logo .lw small{font-size:7.5px}
html body .cdh .logo img{width:40px;height:40px}
html body .cdh .theme span{width:32px;height:32px}
html body .cdh .tg-ico{display:none}
html body .cdh .tg-ico.burger{display:grid;width:42px;height:42px;margin-left:0}
html body .cdh .top .wrap{justify-content:space-between}
html body .cdh .sec{padding:72px 0}
html body .cdh h2{font-size:34px}
html body .cdh .sec-head{flex-direction:column;align-items:start;gap:12px;margin-bottom:28px}
html body .cdh .hero-in{display:flex;flex-direction:column}
html body .cdh .hero-art{order:-1;height:470px!important;margin:0 -16px}
html body .cdh .hero-text{padding:0 0 90px}
html body .cdh .hero-bg{background-position:70% 0;background-size:auto 460px}
html body .cdh .hero h1{font-size:40px;margin:18px 0}
html body .cdh .lead{font-size:17px}
html body .cdh .btn{width:100%;justify-content:center}
html body .cdh .cta-row{margin:26px 0 20px;gap:14px}
html body .cdh .hero-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0,transparent 90px,transparent 340px,var(--bg) 480px)}
html body .cdh .me{height:400px;bottom:0;left:56%}
html body .cdh .doc3d{left:14px;bottom:24px;width:140px}
html body .cdh .paper{padding:12px 11px!important}
html body .cdh .paper b{font-size:11px!important}
html body .cdh .paper .qr{width:30px;height:30px}
html body .cdh .paper .num{display:none}
html body .cdh .seal{width:54px;height:54px;font-size:7px;right:-10px;bottom:-12px}
html body .cdh .chip.terms{left:auto;right:12px;top:auto;bottom:40px;padding:9px 11px}
html body .cdh .chip.terms div span{display:none}
html body .cdh .chip.name{display:none}
html body .cdh .marquee{height:52px}
html body .cdh .marquee .track{font-size:15px}
html body .cdh .nums{grid-template-columns:1fr 1fr}
html body .cdh .nums div{padding:26px 16px;border-bottom:1px solid var(--border)}
html body .cdh .nums div:nth-child(2){border-right:0}
html body .cdh .nums b{font-size:48px}
html body .cdh .cases{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px}
html body .cdh .case{flex:0 0 86%;scroll-snap-align:start;padding:22px}
html body .cdh .case .metric b{font-size:48px}
html body .cdh .case h3{font-size:22px}
html body .cdh .steps3{grid-template-columns:1fr}
html body .cdh .wide-in{grid-template-columns:1fr;gap:10px}
html body .cdh .wall{columns:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px}
html body .cdh .bubble{flex:0 0 78%;scroll-snap-align:start;margin:0}
html body .cdh .fan{height:250px}
html body .cdh .fan a{width:130px}
html body .cdh .fan a:nth-child(2){left:60px}
html body .cdh .fan a:nth-child(3){left:120px}
html body .cdh .fan a:nth-child(4){left:180px}
html body .cdh .bento{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto}
html body .cdh .tile{min-height:190px}
html body .cdh .tile{padding:16px}
html body .cdh .tile h3{font-size:18px}
html body .cdh .tile p{display:none}
html body .cdh .tile .go{display:none}
html body .cdh .tile.big{grid-column:span 2;grid-row:auto;height:auto;padding:24px}
html body .cdh .tile.big h3{font-size:28px}
html body .cdh .tile.big p{display:block;font-size:15px}
html body .cdh .mp{margin-top:22px;gap:10px}
html body .cdh .pcard{width:132px}
html body .cdh .mp .arr{width:40px;height:40px}
html body .cdh .mp .pc3{display:none}
html body .cdh .tile.wide{grid-column:span 2}
html body .cdh .band{--w:100%!important;grid-template-columns:48px 1fr;padding:16px}
html body .cdh .band .n{width:46px;height:46px;font-size:21px}
html body .cdh .band .get{grid-column:2;justify-self:start}
html body .cdh .band:not(:last-child)::after{left:38px}
html body .cdh .flow-grid{grid-template-columns:1fr;gap:20px}
html body .cdh .start::after,html body .cdh .outs::before,html body .cdh .out::before,html body .cdh .out::after{display:none}
html body .cdh .out{grid-template-columns:48px 1fr}
html body .cdh .out .when{grid-column:2;justify-self:start}
html body .cdh .mini{width:48px;height:60px}
html body .cdh .final .txt{padding:32px 20px}
html body .cdh .final h2{font-size:32px}
html body .cdh .final form{grid-template-columns:1fr}
html body .cdh .final{border-radius:24px}}
html body .cdh .dhero{position:relative;padding:150px 0 70px;background:linear-gradient(180deg,var(--surface-2),var(--bg) 80%);overflow:hidden}
html body .cdh .dhero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
html body .cdh .dhero .crumbs{display:flex;gap:8px;font-size:14px;color:var(--text-3);margin-bottom:16px}
html body .cdh .dhero .crumbs a{color:var(--text-2)}
html body .cdh .dhero h1{font-size:60px;line-height:1.03;margin:14px 0 20px}
html body .cdh .dhero .lead{font-size:19px;color:var(--text-2);max-width:600px}
html body .cdh .dhero .cta-row{margin:28px 0 0}
html body .cdh .dvis{position:relative;height:500px}
html body .cdh .dvis .ph{position:absolute;inset:0 0 40px 60px;border-radius:30px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
html body .cdh .dvis .ph img{width:100%;height:100%;object-fit:cover}
html body .cdh .dvis .doc{position:absolute;left:0;bottom:0;z-index:2;transform:rotate(-4deg)}
html body .cdh .dvis .doc .a4{width:190px;height:250px;margin:0;box-shadow:0 30px 50px -20px rgba(0,0,0,.45)}
html body .cdh .dvis .chip{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:14px}
html body .cdh .dvis .chip b{display:block;font-size:15px}
html body .cdh .dvis .chip span{color:var(--text-2);font-size:12.5px}
html body .cdh .dvis .chip i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--gold);color:var(--on-gold);font-style:normal}
html body .cdh .dvis .chip i svg{width:18px;height:18px}
html body .cdh .dvis .c1{right:-10px;top:30px}
html body .cdh .dvis .c2{right:30px;bottom:6px}
html body .cdh .facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
html body .cdh .facts div{padding:30px 26px;border-right:1px solid var(--border)}
html body .cdh .facts div:last-child{border-right:0}
html body .cdh .facts b{display:block;font:700 34px/1.1 var(--serif);color:var(--link);margin-bottom:6px;letter-spacing:-.02em}
html body .cdh .facts span{font-size:14.5px;color:var(--text-2)}
html body .cdh .when{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
html body .cdh .wc{border-radius:24px;padding:24px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}
html body .cdh .wc .st{display:inline-flex;align-items:center;gap:8px;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:99px;align-self:flex-start}
html body .cdh .wc.ok .st{background:rgba(31,107,58,.12);color:#1F6B3A}
html body .cdh .wc.warn .st{background:rgba(212,180,94,.18);color:var(--link)}
html body .cdh .wc.no .st{background:rgba(110,105,96,.14);color:var(--text-2)}
html[data-theme="dark"] body .cdh .wc.ok .st{color:#8FD19E}
html body .cdh .wc h3{font-size:24px;margin:14px 0 8px}
html body .cdh .wc p{color:var(--text-2);font-size:15px;margin-bottom:14px}
html body .cdh .wc ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
html body .cdh .wc li{display:flex;gap:10px;font-size:15px}
html body .cdh .wc li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:9px;flex:none}
html body .cdh .wc .lnk{margin-top:auto;color:var(--link);font-weight:600;font-size:15px}
html body .cdh .wc.ok{background:var(--ink);color:#F2F0EA;border-color:transparent}
html body .cdh .wc.ok p{color:#C9C5BC}
html body .cdh .wc.ok .st{background:rgba(143,209,158,.16);color:#8FD19E}
html body .cdh .split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
html body .cdh .box{border-radius:26px;padding:30px;background:var(--surface);border:1px solid var(--border)}
html body .cdh .box h3{font-size:28px;margin-bottom:18px}
html body .cdh .gl{display:grid;gap:14px}
html body .cdh .gi{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
html body .cdh .gi i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--link);font-style:normal}
html body .cdh .gi i svg{width:20px;height:20px}
html body .cdh .gi b{display:block;font:700 17px var(--serif);margin-bottom:2px}
html body .cdh .gi span{font-size:14.5px;color:var(--text-2)}
html body .cdh .box.dark{background:var(--ink);color:#F2F0EA;border-color:transparent}
html body .cdh .box.dark .gi span{color:#C9C5BC}
html body .cdh .box.dark .gi i{background:rgba(212,180,94,.16);color:#D4B45E}
html body .cdh .rtabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
html body .cdh .rtabs button{padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:15px;color:var(--text-2)}
html body .cdh .rtabs button small{display:block;font-weight:500;font-size:12px;color:var(--text-3)}
html body .cdh .rtabs button.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
html body .cdh .rtabs button.on small{color:var(--on-gold);opacity:.75}
html body .cdh .rpane{display:none;grid-template-columns:1.4fr .6fr;gap:22px;border-radius:28px;padding:30px;background:var(--surface);border:1px solid var(--border)}
html body .cdh .rpane.on{display:grid}
html body .cdh .rsteps{display:grid;gap:16px;counter-reset:s}
html body .cdh .rs2{display:grid;grid-template-columns:44px 1fr;gap:14px}
html body .cdh .rs2::before{counter-increment:s;content:counter(s);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#D4B45E;font:800 18px var(--serif)}
html body .cdh .rs2 b{display:block;font:700 19px var(--serif);margin:8px 0 4px}
html body .cdh .rs2 p{color:var(--text-2);font-size:15.5px}
html body .cdh .rnote{border-radius:22px;padding:22px;background:var(--tint);border:1px dashed var(--gold);align-self:start}
html body .cdh .rnote small{display:block;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--link);margin-bottom:8px}
html body .cdh .rnote b{font:700 20px/1.3 var(--serif)}
html body .cdh .rnote p{font-size:14.5px;color:var(--text-2);margin:10px 0 14px}
html body .cdh .rnote a{color:var(--link);font-weight:600;font-size:15px}
html body .cdh .costw{display:grid;grid-template-columns:1fr 1fr;gap:22px}
html body .cdh .cbar{display:flex;height:58px;border-radius:16px;overflow:hidden;margin:18px 0 22px}
html body .cdh .cbar span{display:grid;place-items:center;font:600 13px var(--sans);color:#1A1A1A}
html body .cdh .cbar span:nth-child(1){background:#D4B45E}
html body .cdh .cbar span:nth-child(2){background:#F2EBDA}
html body .cdh .cbar span:nth-child(3){background:repeating-linear-gradient(45deg,#C9B88A,#C9B88A 6px,#D9CBA3 6px,#D9CBA3 12px)}
html body .cdh .cbar span:nth-child(4){background:#6E6960;color:#fff}
html body .cdh .cl{display:grid;gap:12px}
html body .cdh .cl>div{display:grid;grid-template-columns:14px 1fr;gap:12px}
html body .cdh .cl i{width:12px;height:12px;border-radius:4px;margin-top:5px}
html body .cdh .cl b{display:block;font-weight:700}
html body .cdh .cl span{font-size:14.5px;color:var(--text-2)}
html body .cdh .schemes{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
html body .cdh .schemes th{text-align:left;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:0 12px 12px}
html body .cdh .schemes td{padding:14px 12px;border-top:1px solid var(--border);vertical-align:top}
html body .cdh .schemes td:first-child{font:800 18px var(--serif);color:var(--link);white-space:nowrap}
html body .cdh .pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
html body .cdh .pg{border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .3s,border-color .3s}
html body .cdh .pg:hover{transform:translateY(-3px);border-color:var(--gold)}
html body .cdh .pg img{aspect-ratio:4/3;width:100%;object-fit:cover}
html body .cdh .pg b{display:block;padding:12px 14px;font:700 15px/1.25 var(--serif)}
html body .cdh .split{perspective:1400px}
html body .cdh .box3d{position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 0 rgba(30,33,38,.04),0 30px 60px -34px rgba(30,33,38,.42),0 70px 120px -70px rgba(30,33,38,.35)}
html body .cdh .box3d::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(255,255,255,0) 42%);opacity:.7}
html body .cdh .box3d::after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:30px;border-radius:50%;background:radial-gradient(rgba(30,33,38,.28),transparent 70%);filter:blur(6px);z-index:-1;transform:translateZ(-40px)}
html body .cdh .box.dark.box3d{box-shadow:inset 0 1px 0 rgba(212,180,94,.35),0 30px 60px -30px rgba(0,0,0,.6),0 70px 120px -70px rgba(0,0,0,.5)}
html body .cdh .box.dark.box3d::before{background:linear-gradient(135deg,rgba(212,180,94,.22),rgba(212,180,94,0) 45%)}
html[data-theme="dark"] body .cdh .box3d{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.65)}
html[data-theme="dark"] body .cdh .box3d::before{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,0) 42%)}
html body .cdh .box3d .gi{grid-template-columns:72px 1fr;align-items:center}
html body .cdh .box .gi i.i3d,html body .cdh .box.dark .gi i.i3d{width:72px;height:72px;background:none!important;border-radius:0;transform:translateZ(20px);transition:transform .45s}
html body .cdh .gi i.i3d img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(30,33,38,.28))}
html body .cdh .box.dark .gi i.i3d img{filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
html body .cdh .box3d:hover .gi i.i3d{transform:translateZ(46px) scale(1.04)}
@media (prefers-reduced-motion:reduce){html body .cdh .box3d{transform:none!important}}
@media (max-width:1100px){html body .cdh .dhero .wrap,html body .cdh .split,html body .cdh .costw,html body .cdh .rpane.on{grid-template-columns:1fr}
html body .cdh .when{grid-template-columns:1fr}
html body .cdh .facts{grid-template-columns:1fr 1fr}
html body .cdh .facts div:nth-child(2){border-right:0}
html body .cdh .pgrid{grid-template-columns:repeat(3,1fr)}
html body .cdh .dvis{height:420px}}
@media (max-width:700px){html body .cdh .dhero{padding:96px 0 40px}
html body .cdh .dhero h1{font-size:38px}
html body .cdh .dhero .lead{font-size:16.5px}
html body .cdh .dvis{height:340px;margin-top:10px}
html body .cdh .dvis .ph{inset:0 0 30px 30px}
html body .cdh .dvis .doc .a4{width:130px;height:172px}
html body .cdh .facts div{padding:20px 16px}
html body .cdh .facts b{font-size:26px}
html body .cdh .box,html body .cdh .rpane.on{padding:20px}
html body .cdh .rtabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 18px;padding:0 16px 6px}
html body .cdh .rtabs button{flex:none}
html body .cdh .pgrid{grid-template-columns:1fr 1fr}
html body .cdh .schemes{font-size:14px}
html body .cdh .schemes th:nth-child(3),html body .cdh .schemes td:nth-child(3){display:none}}
html body .cdh .tbn{border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
html body .cdh .tbn a{display:block}
html body .cdh .tbn img{display:block;width:100%;height:auto}
html body .cdh .tbn .fine{margin:0;padding:10px 16px 12px;font-size:12px;color:var(--text-3)}
html body .cdh .partner .fine{margin-top:18px;font-size:13px;color:var(--text-3)}
@media (min-width:901px){html body .cdh .dhero.tch .wrap{grid-template-columns:1.2fr .8fr}
html body .cdh .h1a{white-space:nowrap}}
@media (max-width:900px){html body .cdh .tbn{margin-top:8px}}
@media (max-width:700px){html body .cdh .h1br{display:none}}

/* the theme dark-theme.css forces h1-h6 to white and Playfair Display with !important (and an inline rule forces --cr-site-serif): headings take the colour of their block (light theme) */
html body .cdh h1,html body .cdh h2,html body .cdh h3,html body .cdh h4,html body .cdh h5,html body .cdh h6{color:inherit!important;-webkit-text-fill-color:currentColor;font-family:var(--serif)!important}
html body .cdh{background:var(--bg);color:var(--text);font:400 17px/1.5 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
html body .cdh *,html body .cdh *::before,html body .cdh *::after{box-sizing:border-box}
html body .cdh a{color:inherit;text-decoration:none}
html body .cdh img{display:block;max-width:100%;height:auto}
html body .cdh button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
html body .cdh .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;max-width:none}
html body .cdh .hero .me{height:660px;width:auto}
html body .cdh .tile,html body .cdh .case,html body .cdh .crow{isolation:isolate}
/* the theme colours every <p> for its dark skin (dark-theme.css p{color:var(--c-text)}): paragraphs take their block colour */
html body .cdh p{color:inherit}
@media (max-width:700px){html body .cdh .hero .me{height:400px}}
html body .cdh .tile{isolation:isolate}
html body .cdh .tile img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;max-width:none}
html body .cdh .pcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .cdh .pcard .ph .ban{z-index:1}
html body .cdh .logos .lg img{height:30px;width:auto}
html body .cdh .final{isolation:isolate}
html body .cdh .final img.final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-1;max-width:none}
/* forms (task #366 handler): mockup look, real fields */
html body .cdh .cdh-form{display:grid;gap:10px;margin-top:22px;max-width:520px}
html body .cdh .cdh-form label.cdh-lbl{font-size:14px;font-weight:600;opacity:.85}
html body .cdh .cdh-form input[type=text],html body .cdh .cdh-form textarea{width:100%;min-height:52px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:inherit;font:inherit;font-size:16px}
html:not([data-theme="dark"]) body .cdh .hero .cdh-form input[type=text],html:not([data-theme="dark"]) body .cdh .hero .cdh-form textarea{border-color:#C8C1B2;background:#fff;color:#1A1A1A}
html body .cdh .cdh-form textarea{min-height:52px;resize:vertical}
html body .cdh .cdh-form .cdh-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;opacity:.85}
html body .cdh .cdh-form .cdh-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#C9A84C}
html body .cdh .cdh-form .cdh-check a{text-decoration:underline}
html body .cdh .cdh-form .sb{justify-self:start;min-height:52px;padding:0 28px;border-radius:14px;font-weight:600;border:1.5px solid currentColor}
html body .cdh .cd-formstatus{min-height:1.2em;font-size:14px;margin:0}
html body .cdh .cd-formstatus[data-state=error]{color:#F2B8B5}
html:not([data-theme="dark"]) body .cdh .hero .cd-formstatus[data-state=error]{color:#B3261E}
html body .cdh .cd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* owner 10.10.2026: a letter of thanks over the page in one screen (even 13"), × at its corner below the menu,
   a click on the letter zooms it in (then it scrolls), another click zooms out (crimpal-design.js) */
html body .cdh.cd-lb-host{position:fixed;inset:0;z-index:2147483000;background:none;min-height:0}
html body .cdh .cd-lb{position:fixed;inset:0;z-index:1000;background:rgba(14,16,20,.82);backdrop-filter:blur(6px);overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center;padding:96px 24px 28px}
html body .cdh .cd-lb-card{position:relative;margin:auto;max-width:min(92vw,900px)}
html body .cdh .cd-lb img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);border-radius:8px;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);cursor:zoom-in}
html body .cdh .cd-lb.zoom{align-items:flex-start}
html body .cdh .cd-lb.zoom .cd-lb-card{max-width:none}
html body .cdh .cd-lb.zoom img{width:min(96vw,1240px);max-width:none;max-height:none;cursor:zoom-out}
html body .cdh .cd-lb-x{position:absolute;top:-18px;right:-18px;width:44px;height:44px;border-radius:50%;background:#F2F0EA;color:#1A1A1A;font:400 28px/44px var(--sans);text-align:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);z-index:2;cursor:pointer}
html body .cdh .cd-lb-x:hover{background:#D4B45E}
html body .cdh .cd-lb-hint{margin:10px 0 0;text-align:center;color:#C9C5BC;font:500 13px var(--sans)}
@media (max-width:700px){html body .cdh .cd-lb{padding:84px 12px 16px}html body .cdh .cd-lb-x{top:-14px;right:-6px}}
html body .cdh .hero-form[hidden]{display:none}
html body .cdh .hero-form .cdh-form{margin-top:0;margin-bottom:24px}
html body .cdh :focus-visible{outline:3px solid #C9A84C;outline-offset:2px}
/* the shared header: over the first screen on the home page, sticky on top of every other page */
html body .cdh-head .cd-header{position:static;background:none;border:0;min-height:0}
html body .cdh-head .top{color:var(--hero-text)}
html body .cdh-head .theme button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--text-3)}
html body .cdh-head .theme button[aria-pressed=true]{background:var(--gold);color:var(--on-gold)}
html body .cdh-head .theme svg{width:18px;height:18px}
html body .cdh-head .logo svg{width:auto;height:60px}
html body .cdh-head .logo .cd-logo-svg .w{fill:var(--hero-text)}
html body .cdh-head .logo .cd-logo-svg .s{fill:var(--link)}
html[data-theme="dark"] body .cdh-head .logo .cd-logo-svg .w{fill:url(#cdLogoGold)}
@media (max-width:700px){html body .cdh-head .logo svg{height:48px}}
/* whole pages from mockups (body class cd-full: «Обо мне», the certification hub) have the header over their first screen too */
html body:not(.cd-page-home):not(.cd-full) .cdh-head{position:sticky;top:0;z-index:60}
html body:not(.cd-page-home):not(.cd-full) .cdh-head .top{position:relative;background:var(--bg);border-bottom:1px solid var(--border)}
html body:not(.cd-page-home):not(.cd-full) .cdh-head .nav{background:none;border-color:transparent;backdrop-filter:none}
html body.admin-bar.cd-page-home .cdh-head .top:not(.fixed),html body.admin-bar.cd-full .cdh-head .top:not(.fixed){top:32px}
/* owner 11.10.2026 («меню поломалось»): a label of the menu never takes two lines; six sections and the 60 px logo
   fit from 1320 px with the smaller gaps of the header, below that the burger (at 1100 the header ran past the screen
   between 1101 and 1150 px, and the labels wrapped at every width) */
html body .cdh-head .nav>a,html body .cdh-head .nav .dd>a{white-space:nowrap}
html body .cdh-head .nav>*{flex-shrink:0}
@media (min-width:1101px){html body .cdh-head .top .wrap{column-gap:16px}}
/* phones: the burger and the round buttons never shrink (the 48 px logo squeezed the burger into an oval at 375 px),
   the logo a little lower on narrow phones */
html body .cdh-head .burger,html body .cdh-head .tg-ico,html body .cdh-head .theme{flex-shrink:0}
@media (max-width:420px){html body .cdh-head .logo svg{height:40px}}
@media (min-width:1101px) and (max-width:1319px){html body .cdh-head .nav{display:none}html body .cdh-head .burger{display:grid}html body .cdh-head .mega{display:none}}
/* with the burger, the theme switch and Telegram stand on the right next to it, not glued to the logo */
@media (min-width:701px) and (max-width:1319px){html body .cdh-head .theme{margin-left:auto}html body .cdh-head .burger{margin-left:0}}
/* owner 11.10.2026: «все страницы по ширине hero-блока главной»: every block of every page as wide as the first
   screen of the home page (1360 px; the mockups had 1240 for everything but that screen) */
html body .cdh .wrap{max-width:1360px!important}
@media (max-width:1319px){
  html body .cdh-head .top.open .nav{display:flex;flex-direction:column;align-items:stretch;gap:0!important;position:absolute;top:100%;left:12px;right:12px;max-height:calc(100vh - 90px);overflow:auto;padding:12px!important;border-radius:20px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);backdrop-filter:none}
  html body .cdh-head .top.open .nav .dd .mega{display:grid;position:static;opacity:1;visibility:visible;transform:none;grid-template-columns:1fr;gap:6px;padding:0 12px 10px;border:0;box-shadow:none;background:none}
  html body .cdh-head .top.open .nav .mega .promo{display:none}
  html body .cdh-head .top.open .nav .mega small{margin:6px 0 2px}
  html body .cdh-head .top.open .nav .mega a{padding:8px 0;min-height:40px}
  html body .cdh-head .burger{cursor:pointer}
}
@media (prefers-reduced-motion:reduce){
  html body .cdh *,html body .cdh *::before,html body .cdh *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* owner 10.10.2026 («кнопка «Маркетплейс просит» не работает»): decorative glows and shades are ::before/::after with
   position:absolute (.funnel-sec::before 700x700 over the route tabs, .cost, .inline-cta…); they never take clicks,
   the buttons under them work. The hover bridge of the mega menu (.mega::before) keeps them. */
html body .cdh *::before,html body .cdh *::after{pointer-events:none}
html body .cdh .mega::before{pointer-events:auto}
/* owner 10.10.2026: tables of the pages (schemes, routes, what document): the theme draws borders around every cell,
   the mockups have one line between rows */
html body .cdh table.schemes{border:0!important}
html body .cdh .schemes th,html body .cdh .schemes td{border-left:0!important;border-right:0!important;border-bottom:0!important}
html body .cdh .schemes th{border-top:0!important}