/* Згенеровано tools/build-home.py з reference/bluehour/landing.html.
   Не правити тут — правити лендінг. Усе під .blocks, див. scope_css. */


@font-face{font-family:"BlueHour Display";src:url(/fonts/BlueHourDisplay300.woff2);font-weight:300;font-display:swap}
@font-face{font-family:"BlueHour Display";src:url(/fonts/BlueHourDisplay400.woff2);font-weight:400;font-display:swap}
@font-face{font-family:"Maison Neue";src:url(/fonts/Maison_Neue_Light.woff2);font-weight:300;font-display:swap}
@font-face{font-family:"Maison Neue";src:url(/fonts/Maison_Neue_Book.woff2);font-weight:400;font-display:swap}
@font-face{font-family:"Maison Neue";src:url(/fonts/Maison_Neue_Bold.woff2);font-weight:600 700;font-display:swap}
@font-face{font-family:"Maison Neue Mono";src:url(/fonts/Maison_Neue_Mono.woff2);font-weight:400;font-display:swap}.blocks{
  --canvas:#0a0a0a; --card:#181818; --tile:#1c1c1c; --line:rgba(255,255,255,.07);
  --text:#fff; --text-2:#8e8e8e; --text-3:rgba(255,255,255,.55);
  --accent:#3e8fe0; --accent-fill:rgba(62,143,224,.22); --on-light:#1e1e1e;
  --text-ghost:rgba(255,255,255,.25);
  
  --t-xs:13px;
  --t-sm:clamp(14px,1.05vw,15.5px);
  --t-md:clamp(15px,1.15vw,17px);
  --t-body:clamp(16.5px,1.25vw,19px);
  --t-lead:clamp(18.5px,1.55vw,22px);
  --t-h3:clamp(19px,1.8vw,26px);
  --t-h2:clamp(28px,3.9vw,48px);
  --t-h1:clamp(35px,3.9vw,58px);
  
  --t-h2s:clamp(25px,2.8vw,38px);
  --lh-h1:1.0; --lh-h2:1.1; --lh-h3:1.24;
  --lh-lead:1.45; --lh-body:1.55; --lh-tight:1.32; --lh-fine:1.7;
  
  --ls-xl:-.04em; --ls-lg:-.025em; --ls-sm:-.01em;
  
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px; --s7:168px;
  
  --sec:clamp(var(--s5),8.5vw,var(--s7));
  --radius-small:10px; --radius-control:16px; --radius-card:20px;
  --radius-sheet:30px; --radius-pill:100px;
  --cta:radial-gradient(ellipse 55% 62% at 50% 50%,#0D3358 0%,#14497F 34%,#2E7ACB 70%,#63B2F5 100%);
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  
  --ease-rise:cubic-bezier(.16,1,.3,1);
  --display:"BlueHour Display",Georgia,serif;
  --body:"Maison Neue",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"Maison Neue Mono",ui-monospace,"SF Mono",Menlo,monospace;
}.blocks *{box-sizing:border-box}.blocks{margin:0;background:var(--canvas);color:var(--text);font-family:var(--body);
  font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.blocks h1, .blocks h2, .blocks h3{font-family:var(--display);font-weight:400;letter-spacing:var(--ls-sm);margin:0;text-wrap:balance}.blocks h1{font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-xl)}.blocks h2{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-lg)}.blocks h3{font-size:var(--t-h3);line-height:var(--lh-h3)}.blocks p{margin:0}.blocks a{color:inherit}.blocks .wrap{width:min(94vw,1120px);max-width:1120px;margin:0 auto;padding:0}.blocks .hero .wrap{width:min(94vw,1680px);max-width:1680px}.blocks section{padding:var(--sec) 0}.blocks .lede{color:var(--text-2);font-size:var(--t-lead);line-height:var(--lh-lead);max-width:56ch}.blocks .eyebrow{font-size:var(--t-sm);line-height:var(--lh-tight);color:var(--text-2);margin-bottom:22px}.blocks .nav{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:14px 0;
  display:flex;justify-content:center;pointer-events:none;
  transition:transform .34s var(--ease-standard),opacity .34s var(--ease-standard)}.blocks{--ht:1; --sh-note:32px; --sh-name:-28px; --sh-bar:-20px}
@media (max-width:700px){.blocks{--ht:.746; --sh-note:16px; --sh-name:-16px; --sh-bar:-16px}
}
@keyframes hw-in  {from{opacity:0;filter:blur(6px)}}
@keyframes hn-in  {from{opacity:0;transform:translateY(var(--sh-note))}}
@keyframes scr-in {from{opacity:0;filter:brightness(.4)}}
@keyframes nav-in {from{opacity:.6;transform:translateY(100%)}}
@keyframes nm-in  {from{opacity:0;transform:translateY(var(--sh-name))}}
@keyframes bar-in {from{opacity:0;transform:translateY(var(--sh-bar))}}.blocks html.hero-arm .hero .hw{opacity:0;filter:blur(6px)}.blocks html.hero-arm .hnote{opacity:0;transform:translateY(var(--sh-note))}.blocks html.hero-arm .stage .screen, .blocks html.hero-arm .stage .livetime{opacity:0;filter:brightness(.4)}.blocks html.hero-arm .nav{opacity:.6;transform:translateY(100%)}.blocks html.hero-arm .hero .pname{opacity:0;transform:translateY(var(--sh-name))}.blocks html.hero-arm .hact{opacity:0;transform:translateY(var(--sh-bar))}.blocks .hw{display:inline-block}.blocks html.hero-go .hw{animation:hw-in .38s var(--ease-rise)
  calc(var(--i,0)*90ms*var(--ht)) backwards}.blocks html.hero-go .hnote{animation:hn-in .70s var(--ease-rise) calc(.75s*var(--ht)) backwards}.blocks html.hero-go .stage .screen, .blocks html.hero-go .stage .livetime{animation:scr-in .40s var(--ease-rise) calc(1.35s*var(--ht)) backwards}.blocks html.hero-go .nav{animation:nav-in .55s var(--ease-rise) calc(1.75s*var(--ht)) backwards}.blocks html.hero-go .hero .pname{animation:nm-in .50s var(--ease-rise) calc(2.30s*var(--ht)) backwards}.blocks html.hero-go .hact{animation:bar-in .50s var(--ease-rise) calc(2.30s*var(--ht)) backwards}.blocks section.sec-arm .hw{opacity:0;filter:blur(6px)}.blocks section.sec-go .hw{animation:hw-in .38s var(--ease-rise)
  calc(var(--i,0)*90ms*var(--ht)) backwards}
@media (prefers-reduced-motion:reduce){.blocks section.sec-arm .hw{opacity:1;filter:none}.blocks section.sec-go .hw{animation:none}
}
@media (prefers-reduced-motion:reduce){.blocks html.hero-arm .hero .hw, .blocks html.hero-arm .hnote, .blocks html.hero-arm .stage .screen, .blocks html.hero-arm .hero .pname, .blocks html.hero-arm .hact{transform:none;filter:none}.blocks html.hero-arm .nav{transform:none}.blocks html.hero-go .hw, .blocks html.hero-go .hnote, .blocks html.hero-go .stage .screen, .blocks html.hero-go .nav, .blocks html.hero-go .hero .pname, .blocks html.hero-go .hact{
    animation:none;opacity:1;transform:none;filter:none;
    transition:opacity .2s linear}
}

@media (max-width:700px){.blocks .nav{top:0;bottom:auto;padding:10px 0}.blocks .nav .wrap{gap:12px;padding:8px 8px 8px 16px}.blocks .nav .menu{display:none}.blocks .nav .mark span{font-size:19px}.blocks .navacts .pill{display:none}.blocks .nav .navplus{display:flex}.blocks html.hero-arm .nav{transform:translateY(-100%)}
  @keyframes nav-in{from{opacity:.6;transform:translateY(-100%)}}
}.blocks .navplus{display:none;width:42px;height:42px;padding:0;border:0;flex:none;
  background:none;color:var(--text);cursor:pointer;pointer-events:auto;
  align-items:center;justify-content:center;
  font-family:var(--body);font-weight:400;font-size:28px;line-height:1}.blocks .navplus span{display:block;margin-top:-2px;transition:transform .34s var(--ease-rise)}.blocks .sheet[data-open="true"] ~ .nav .navplus span{transform:rotate(45deg)}.blocks .sheet{position:fixed;z-index:40;top:8px;left:8px;right:8px;
  height:calc(100dvh - 16px);
  background:var(--card);border-radius:var(--radius-sheet);
  padding:clamp(20px,5vw,28px);
  display:flex;flex-direction:column;
  visibility:hidden;
  clip-path:inset(0 0 100% 0 round var(--radius-card));
  transition:clip-path .44s var(--ease-rise),visibility 0s linear .44s}.blocks .sheet[data-open="true"]{visibility:visible;transition-delay:0s}.blocks .sheet>*{opacity:0;transition:opacity .2s linear}.blocks .sheet[data-open="true"]>*{opacity:1;transition:opacity .26s linear .16s}.blocks .sheet-top{display:flex;align-items:center;justify-content:space-between}.blocks .sheet-x{width:42px;height:42px;padding:0;border:0;background:none;
  color:var(--text-2);cursor:pointer;font-size:26px;line-height:1}.blocks .sheet-x:hover{color:var(--text)}.blocks .sheet-links{margin-top:auto;display:flex;flex-direction:column;gap:var(--s3)}.blocks .sheet-links a{font-family:var(--display);font-weight:400;
  font-size:clamp(30px,9vw,40px);line-height:1.05;letter-spacing:var(--ls-lg);
  color:var(--text);text-decoration:none}.blocks .sheet-cta{margin-top:auto;justify-content:center;width:100%}
@media (min-width:701px){.blocks .sheet{display:none}}
@media (prefers-reduced-motion:reduce){.blocks .sheet{transition:none}}.blocks .nav.tucked{transform:translateY(150%);opacity:0;pointer-events:none}

@media (max-width:700px){.blocks .nav.tucked{transform:translateY(-150%)}}
@media (prefers-reduced-motion:reduce){.blocks .nav{transition:none}}.blocks .nav .wrap{width:var(--nav-w,auto);max-width:min(94vw,1680px);margin:0;pointer-events:auto;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  background:rgba(20,20,20,.84);backdrop-filter:blur(30px);
  border-radius:var(--radius-card);padding:9px 9px 9px 22px;
  transition:width .5s var(--ease-standard),padding .5s var(--ease-standard)}.blocks .nav.nav-wide .wrap{width:min(94vw,1680px);padding:9px 9px 9px 30px}.blocks .nav.measuring .wrap{width:auto!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.blocks .nav .wrap{transition:none}}.blocks .menu{display:flex;align-items:center;gap:clamp(var(--s2),1.7vw,var(--s3));
  font-family:var(--body);font-size:var(--t-md);font-weight:400;letter-spacing:-.005em;color:var(--text-2)}.blocks .menu a{text-decoration:none;color:inherit;white-space:nowrap;
  padding:7px 11px;border-radius:var(--radius-pill);
  transition:color .18s ease,background .18s ease}.blocks .menu a:hover{color:var(--text)}.blocks .menu a.on{color:var(--text);background:rgba(255,255,255,.09)}.blocks .device{width:clamp(288px,26.2vw,394px);flex:none;position:relative;filter:drop-shadow(0 30px 80px rgba(0,0,0,.85))}.blocks .device.back{margin-top:52px;width:clamp(256px,23.4vw,352px)}.blocks .device .bezel{width:100%;height:auto;display:block;position:relative;z-index:2;
  
  filter:grayscale(1) sepia(1) hue-rotate(183deg) saturate(6) brightness(.9) contrast(1.15)}.blocks .device .screen{position:absolute;z-index:1;top:1.7%;left:4.2%;width:91.6%;height:96.5%;
  object-fit:cover;border-radius:7%/3.4%}.blocks .device{container-type:inline-size}.blocks .livetime{position:absolute;z-index:2;pointer-events:none;
  left:34.20%;top:11.20%;width:31.52%;height:2.94%;
  background:var(--canvas);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--body);font-weight:400;font-size:3.8cqw;line-height:1;
  letter-spacing:-.01em;color:#fff;
  font-variant-numeric:tabular-nums}.blocks .device.back .livetime{display:none}
@media (max-width:900px){.blocks .menu{display:none}.blocks .nav{padding:10px 0}.blocks .nav .wrap{padding:9px 16px;border-radius:var(--radius-control);
    background:rgba(20,20,20,.7)}.blocks .nav   .mark span{font-size:19px}.blocks .sphere{width:19px;height:19px}
}.blocks{padding-top:0}.blocks .mark{display:inline-flex;align-items:center;gap:10px}.blocks .sphere{position:relative;width:22px;height:22px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 35% 30%,#cfe3ff 0%,#6fa3ff 35%,#1f4fa8 70%,#0b1f4a 100%)}.blocks .sphere::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle at 50% 118%,rgba(242,164,94,.55) 0%,rgba(217,123,87,.22) 26%,transparent 52%),
    radial-gradient(circle at 38% 26%,#9dc4f6 0%,#3f6fc4 38%,#24407e 72%,#08122c 100%);
  opacity:0;animation:bhbreathe 16s ease-in-out infinite}
@keyframes bhbreathe{0%,100%{opacity:0}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.blocks .sphere::after{animation:none;opacity:.45}}.blocks .mark span{font-family:var(--display);font-weight:300;font-size:22px;white-space:nowrap}.blocks .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 30px;border-radius:var(--radius-pill);border:0;
  background:var(--cta);color:#fff;font-family:var(--body);font-weight:600;font-size:var(--t-body);
  text-decoration:none;cursor:pointer;transition:transform .3s ease-out;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px -8px rgba(62,143,224,.4),0 2px 6px rgba(0,0,0,.5)}.blocks .cta.sm{height:44px;padding:0 22px;font-size:var(--t-md)}.blocks .microcopy{color:var(--text-2);font-size:var(--t-sm);line-height:var(--lh-tight);margin-top:var(--s2)}.blocks .card{background:var(--card);border-radius:var(--radius-card);padding:30px}.blocks .tile{background:var(--tile);border-radius:var(--radius-control);padding:24px}.blocks .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.blocks .grid2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.blocks .grid2.top{align-items:start}
@media (max-width:900px){.blocks .wrap{width:88vw}.blocks .grid3, .blocks .grid2{grid-template-columns:1fr;gap:32px}}.blocks .frame{aspect-ratio:4/5;border-radius:var(--radius-control);display:flex;
  align-items:flex-end;padding:18px;color:var(--text-2);font-size:var(--t-sm)}.blocks .f1{background:linear-gradient(150deg,#2b2f27,#171a16)}.blocks .f2{background:linear-gradient(150deg,#242424,#141414)}.blocks .f3{background:linear-gradient(150deg,#33241c,#1a1310)}.blocks .hero{position:relative;overflow:hidden;height:auto;min-height:100vh;
  display:flex;flex-direction:column;padding-top:0;padding-bottom:0}.blocks .stage{flex:none;margin-top:var(--s3);position:relative;display:flex;
  align-items:flex-start;justify-content:center;gap:34px}.blocks .herofoot{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;
  padding-top:clamp(var(--s3),3.2vh,var(--s4))}.blocks .pname{font-size:var(--t-h3);line-height:var(--lh-h3);color:var(--text);margin-bottom:14px}.blocks .hero h1{max-width:24ch}.blocks .hnote{color:var(--text);font-size:var(--t-body);line-height:var(--lh-h3);margin-top:var(--s3);max-width:40ch}.blocks .hact{flex:none;text-align:right}.blocks .hnote-right{text-align:right;max-width:38ch;margin-left:auto}.blocks .offer{display:flex;align-items:center;gap:24px;background:var(--card);
  border-radius:var(--radius-card);padding:11px 11px 11px 28px}.blocks .asbadge{display:inline-flex;align-items:center;gap:9px;flex:none;
  background:#000;border:1px solid rgba(255,255,255,.62);border-radius:13px;
  padding:7px 15px 8px;text-decoration:none;color:#fff}.blocks .asbadge svg{fill:#fff;flex:none;margin-top:-3px}.blocks .asb-txt{display:flex;flex-direction:column;line-height:1;text-align:left}.blocks .asb-txt small{font-size:11px;font-weight:400;letter-spacing:.005em;margin-bottom:3px}.blocks .asb-txt b{font-size:21px;font-weight:600;letter-spacing:-.015em}.blocks .offer-lines p{font-size:var(--t-sm);font-weight:600;color:var(--text);line-height:var(--lh-lead);white-space:nowrap;text-align:left}
@media (max-width:900px){.blocks .hero{height:auto;min-height:0;padding-bottom:0}.blocks .herofoot{display:contents}.blocks .hcopy{order:1;text-align:center;padding-top:clamp(var(--s3),6vh,var(--s5))}.blocks .hero h1{margin-left:auto;margin-right:auto}.blocks .hnote{margin-left:auto;margin-right:auto}.blocks .stage{order:3;flex:none;margin:24px 0 0;gap:14px;height:auto}.blocks .device{width:52%;height:auto}.blocks .device.back{width:44%;height:auto;margin-top:36px}.blocks .device .bezel{width:100%;height:auto}.blocks .hact{order:2;margin-top:var(--s3);width:100vw;margin-left:calc(50% - 50vw);
    background:var(--card);padding:20px 6vw 26px;text-align:left}.blocks .offer{flex-direction:row;align-items:center;justify-content:space-between;
    gap:16px;background:none;padding:0;border-radius:0}.blocks .offer-lines p{white-space:normal}.blocks .cta{flex:none}
}

@media (max-width:700px){.blocks .hero{padding-top:78px;padding-bottom:0;
    -webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 84%,transparent 100%)}.blocks .hcopy{padding-top:var(--s3)}.blocks .hact{order:2;margin-top:var(--s3);width:auto;margin-left:0;
    background:none;padding:0;text-align:center}.blocks .offer{flex-direction:column;align-items:center;gap:var(--s2)}.blocks .offer-lines{order:2}.blocks .offer-lines p{white-space:normal;text-align:center;font-weight:400;
    font-size:var(--t-sm);color:var(--text-2)}.blocks .asbadge{order:1}.blocks .stage{order:3;margin-top:var(--s4);align-items:flex-start;
    transform:translateX(-7%) rotate(-12deg) scale(1.08);transform-origin:50% 0}.blocks .device, .blocks .device.back{width:60%}.blocks .device.back{margin-top:124px}
}.blocks .step{display:flex;gap:20px;padding:26px 0}.blocks .step + .step{border-top:1px solid var(--line)}.blocks .not{padding:22px 0}.blocks .not + .not{border-top:1px solid var(--line)}.blocks .q{padding:24px 0}.blocks .q + .q{border-top:1px solid var(--line)}.blocks .q h3{margin-bottom:10px}.blocks .foot{position:relative;z-index:2;padding:var(--sec) 0 0;color:var(--text-2);font-size:var(--t-body)}.blocks .sealed{color:var(--accent)}.blocks .center{text-align:center}.blocks .center .lede, .blocks .lede.center{margin-left:auto;margin-right:auto}.blocks .numlist .row{display:flex;gap:22px;padding:24px 0}.blocks .numlist .row + .row{border-top:1px solid var(--line)}.blocks .numlist .idx{font-family:var(--display);font-size:var(--t-md);color:var(--accent);min-width:26px;padding-top:5px}.blocks .wide{background:var(--card);border-radius:var(--radius-card);padding:clamp(var(--s4),4vw,var(--s5))}.blocks .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media (max-width:1000px){.blocks .grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.blocks .grid4{grid-template-columns:1fr}}.blocks figure{margin:0}.blocks figure .frame{aspect-ratio:3/4;object-fit:cover;width:100%}.blocks figure figcaption{margin-top:var(--s2);font-size:var(--t-md);color:var(--text-2)}.blocks .frame.bw{filter:grayscale(1) contrast(1.08)}.blocks .slot{background:var(--tile);display:flex;align-items:flex-end;padding:20px;
  color:var(--text-2);font-size:var(--t-sm)}.blocks .feat{padding:var(--s5) 0 var(--sec)}.blocks .feat-label{text-align:center;font-size:var(--t-sm);letter-spacing:.18em;
  text-transform:uppercase;color:var(--text-2)}.blocks .feat-mask{margin-top:clamp(var(--s3),2.4vw,var(--s4));overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.blocks .feat-track{display:flex;width:max-content;align-items:center;
  gap:clamp(var(--s4),5vw,var(--s6));padding-right:clamp(var(--s4),5vw,var(--s6));
  animation:feat-run 34s linear infinite}.blocks .feat-track img{display:block;height:clamp(30px,2.7vw,42px);width:auto;
  filter:grayscale(1) brightness(1.35);opacity:.8;
  transition:opacity .18s ease,filter .18s ease}.blocks .feat-track img:hover{filter:none;opacity:1}
@keyframes feat-run{to{transform:translateX(-50%)}}.blocks .feat-mask:hover .feat-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.blocks .feat-track{animation:none}}.blocks .carousel{display:flex;gap:var(--s3);margin-top:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.blocks .carousel::-webkit-scrollbar{display:none}.blocks .slide{flex:0 0 58%;scroll-snap-align:center;display:flex;flex-direction:column;
  border-radius:var(--radius-sheet);overflow:hidden;background:var(--card)}.blocks .alb{flex:1 1 auto;aspect-ratio:5/4;max-height:min(52vh,460px);
  container-type:inline-size;
  padding:clamp(22px,3.2cqw,44px);display:flex;flex-direction:column;
  color:#fff;position:relative;overflow:hidden}.blocks .alb-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.blocks .alb::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.58) 100%)}.blocks .alb-name, .blocks .alb-when{position:relative;z-index:1}.blocks .alb-a{background:linear-gradient(165deg,#2a3a6b,#16213f)}.blocks .alb-b{background:linear-gradient(165deg,#8a4636,#4a2018)}.blocks .alb-c{background:linear-gradient(165deg,#12253f,#0a1526)}.blocks .alb-d{background:linear-gradient(165deg,#3a5570,#16293c)}.blocks .alb-name{font-family:var(--display);font-size:8.4cqw;line-height:var(--lh-h2);letter-spacing:var(--ls-lg);
  margin-top:auto;text-wrap:balance}.blocks .alb-when{margin-top:1.6cqw;font-size:3.1cqw;line-height:var(--lh-tight);
  color:rgba(255,255,255,.72)}.blocks .caseword{color:var(--accent);display:inline-block;transition:opacity .16s ease}.blocks .caseword.swap{opacity:0}.blocks .carnav{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s3)}.blocks .cbtn{width:46px;height:46px;padding:0;border:0;border-radius:var(--radius-pill);
  background:var(--tile);color:var(--text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .18s ease,opacity .18s ease}.blocks .cbtn:hover:not([disabled]){background:var(--accent-fill)}.blocks .cbtn[disabled]{opacity:.3;cursor:default}.blocks .cbtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:820px){.blocks .slide{flex:0 0 84%;border-radius:var(--radius-card)}.blocks .slide img{aspect-ratio:4/3;max-height:none}.blocks .carousel{gap:var(--s2);margin-top:var(--s3)}
}.blocks .b{position:relative;background:var(--card);border-radius:var(--radius-card);overflow:hidden;
  padding:clamp(var(--s3),2vw,var(--s4));
  display:flex;flex-direction:column;gap:12px;min-height:230px;min-width:0}.blocks .bento .b::after{content:"";position:absolute;left:0;right:0;bottom:0;
  height:42%;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.62) 100%)}.blocks .b-step{font-size:var(--t-sm);line-height:var(--lh-tight);color:var(--accent)}.blocks .b-text{font-size:var(--t-md);line-height:var(--lh-lead);max-width:34ch}.blocks .b-qr{width:118px;height:118px;background:#fff;border-radius:var(--radius-small);padding:7px;margin:4px 0}.blocks .b-quiet{background:var(--tile)}.blocks .b h3{margin-top:2px}
@media (max-width:900px){.blocks .bento{grid-template-columns:1fr;gap:14px}.blocks .b{min-height:0}}.blocks .cams{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(var(--s2),1.6vw,var(--s3));
  margin-top:clamp(var(--s3),3.4vw,var(--s5));text-align:left}.blocks .cam{margin:0;background:var(--card);border-radius:var(--radius-card);overflow:hidden}.blocks .cam>img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.blocks .cam figcaption{position:relative;padding:clamp(var(--s3),2vw,var(--s4));
  min-height:clamp(104px,8.8vw,138px);
  display:flex;flex-direction:column;justify-content:flex-end;gap:3px}.blocks .cam figcaption>h3, .blocks .cam figcaption>span{position:relative;z-index:1;max-width:58%}.blocks .cam-badge{position:absolute;z-index:0;right:-6%;bottom:-11%;
  width:46%;height:auto;pointer-events:none;
  filter:drop-shadow(0 20px 44px rgba(0,0,0,.6))}.blocks .cam h3{font-family:var(--display);font-weight:400;font-size:var(--t-h3);
  line-height:var(--lh-h3);letter-spacing:normal;color:var(--text)}.blocks .cam span{font-size:var(--t-md);line-height:var(--lh-lead);color:var(--text-2)}
@media (max-width:820px){.blocks .cams{grid-template-columns:1fr;gap:12px}.blocks .cam>img{aspect-ratio:4/3}
}
@media (max-width:900px){.blocks .steps3, .blocks .steps3 .b:last-child{grid-column:span 2}.blocks .b{min-height:0;padding:16px;gap:7px;border-radius:var(--radius-control)}
}
@media (max-width:359px){.blocks .steps3, .blocks .steps3 .b:last-child{grid-column:auto}.blocks .b-shot{height:140px}}.blocks .revealcol{max-width:56ch}.blocks .brk{display:none}
@media (max-width:900px){.blocks .brk{display:inline}}.blocks .faq-h{font-family:var(--body);font-weight:600;font-size:var(--t-h2s);letter-spacing:var(--ls-lg);
  text-align:center}.blocks .faq-all>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:4px 2px 24px;cursor:pointer;list-style:none}.blocks .faq-all>summary::before{content:"";flex:none;width:24px}.blocks .faq-all>summary::-webkit-details-marker{display:none}.blocks .faq-all>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-small)}.blocks .fchev{color:var(--text-2);display:flex;flex:none;transition:transform .22s ease,color .18s ease}.blocks .faq-all>summary:hover .fchev{color:var(--text)}.blocks .faq-all[open]>summary .fchev{transform:rotate(180deg)}.blocks .faq{margin-top:0;display:grid;grid-template-columns:1fr 1fr;
  column-gap:clamp(var(--s3),3.4vw,var(--s5));align-items:start;
  border-bottom:1px dashed rgba(255,255,255,.13)}.blocks .faq details{border-top:1px dashed rgba(255,255,255,.13)}.blocks .faq summary{display:flex;align-items:center;gap:18px;padding:20px 2px;cursor:pointer;list-style:none}.blocks .faq summary::-webkit-details-marker{display:none}.blocks .fi{flex:none;color:var(--text-2);display:flex}.blocks .fq{flex:1;font-size:var(--t-body);line-height:var(--lh-h3);color:var(--text)}.blocks .fp{flex:none;color:var(--text-2);font-size:var(--t-lead);line-height:1;transition:transform .18s}.blocks .faq details[open] .fp{transform:rotate(45deg)}.blocks .faq details[open] .fi{color:var(--accent)}.blocks .faq p{margin:0;padding:0 40px 24px;color:var(--text);font-size:var(--t-md);
  line-height:var(--lh-body);max-width:76ch}.blocks .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-small)}
@media (max-width:820px){.blocks .faq{grid-template-columns:1fr}}
@media (max-width:600px){.blocks .faq summary{gap:13px;padding:17px 0}.blocks .faq p{padding:0 0 20px 35px}}.blocks .stickqr{position:fixed;right:24px;bottom:24px;z-index:29;width:238px;
  background:var(--card);border-radius:var(--radius-card);padding:18px 18px 16px;
  text-align:center;opacity:0;transform:translate3d(0,16px,0);pointer-events:none;
  transition:opacity .34s var(--ease-standard),transform .34s var(--ease-standard)}.blocks .stickqr.on{opacity:1;transform:none;pointer-events:auto}.blocks .sq-label{display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:var(--t-sm);font-weight:600;line-height:var(--lh-tight);color:var(--text)}.blocks .sq-label svg{color:var(--accent);flex:none}.blocks .sq-code{position:relative;padding:13px;margin:13px 0 11px}.blocks .sq-b{position:absolute;width:13px;height:13px;border:1.5px solid var(--text-ghost)}.blocks .sq-b.tl{top:0;left:0;border-right:0;border-bottom:0;border-radius:4px 0 0 0}.blocks .sq-b.tr{top:0;right:0;border-left:0;border-bottom:0;border-radius:0 4px 0 0}.blocks .sq-b.bl{bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 4px}.blocks .sq-b.br{bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 4px 0}.blocks .sq-qr{background:#fff;border-radius:var(--radius-small);padding:8px;display:block}.blocks .sq-note{font-size:var(--t-sm);line-height:var(--lh-lead);color:var(--text-2)}.blocks .sq-x{position:absolute;top:8px;right:8px;width:26px;height:26px;padding:0;border:0;
  background:none;color:var(--text-ghost);font-size:var(--t-body);line-height:1;cursor:pointer;
  border-radius:var(--radius-pill);transition:color .18s ease}.blocks .sq-x:hover{color:var(--text)}.blocks .sq-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:900px){.blocks .stickqr{display:none}}.blocks .rise{opacity:.001;transform:translateY(var(--y,30px));
  transition:opacity 1s var(--ease-rise) var(--d,0s),
             transform 1s var(--ease-rise) var(--d,0s)}.blocks .rise.seen{opacity:1;transform:none}.blocks .rise.down{--y:-30px}.blocks .rise.far{--y:50px}
@media (prefers-reduced-motion:reduce){.blocks .rise{opacity:1;transform:none;transition:none}
}.blocks .pr{margin:var(--s5) auto 0;text-align:left}.blocks .pr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4)}.blocks .pr-upto{font-family:var(--display);font-weight:400;font-size:var(--t-h3);
  line-height:1;letter-spacing:var(--ls-sm);color:var(--text)}.blocks .pr-tier{font-family:var(--display);font-weight:400;font-size:var(--t-h2);
  line-height:1;letter-spacing:var(--ls-lg);margin-top:var(--s1);white-space:nowrap}.blocks .pr-price{font-size:var(--t-body);line-height:var(--lh-lead);color:var(--text-2);
  white-space:nowrap}.blocks .pr-gauge{margin-top:var(--s3);display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.blocks .pr-gauge button{border:0;padding:0;cursor:pointer;background:var(--card);
  height:clamp(44px,4vw,58px);border-radius:var(--radius-control);
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  transition:background .18s ease,box-shadow .18s ease}.blocks .pr-gauge button:hover{background:#1d1d1d}.blocks .pr-gauge button.on{background:var(--accent-fill);box-shadow:none}.blocks .pr-gauge button.on:hover{background:var(--accent-fill)}.blocks .pr-gauge svg{display:none;color:var(--accent)}.blocks .pr-gauge button[aria-pressed="true"] svg{display:block}.blocks .pr-gauge button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blocks .pr-label{margin-top:var(--s4);font-family:var(--body);font-weight:400;
  font-size:var(--t-sm);line-height:var(--lh-body);
  letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}.blocks .pr-list{margin-top:var(--s2);padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s5)}.blocks .pr-list li{display:flex;align-items:flex-start;gap:11px;
  font-size:var(--t-md);line-height:var(--lh-lead);color:var(--text-2)}.blocks .pr-list svg{flex:none;margin-top:2px;color:rgba(255,255,255,.34)}.blocks .pr-add{margin-top:var(--s4);font-size:var(--t-sm);line-height:var(--lh-lead);
  color:var(--text-2)}
@media (max-width:820px){.blocks .pr-list{grid-template-columns:1fr}.blocks .pr-head{flex-direction:column;align-items:flex-start;gap:var(--s2)}
}

@media (max-width:700px){.blocks .pr{margin-top:var(--s4)}.blocks .pr-card{background:var(--tile);border-radius:var(--radius-card);
    padding:14px 14px 16px}.blocks .pr-gauge{margin-top:14px;gap:6px}.blocks .pr-gauge button{height:54px}.blocks .pr-head{flex-direction:row;align-items:flex-end;justify-content:space-between;
    gap:var(--s2)}
}.blocks .planner{background:var(--card);border-radius:var(--radius-sheet);
  padding:clamp(var(--s4),4.6vw,var(--s6)) clamp(var(--s3),4vw,var(--s5));text-align:center}.blocks .planner .lede{margin:18px auto 0}.blocks .picker{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  margin:clamp(var(--s4),3.4vw,var(--s5)) auto clamp(var(--s4),3.6vw,var(--s5));max-width:62em}.blocks .picker button{display:inline-flex;align-items:center;gap:11px;
  border:0;cursor:pointer;font-family:var(--body);font-size:var(--t-body);
  color:var(--text);background:var(--canvas);border-radius:var(--radius-control);
  box-shadow:inset 0 0 0 1px var(--line);
  padding:17px 26px;line-height:var(--lh-tight);
  transition:color .18s ease,background .18s ease}.blocks .picker button i{font-style:normal;font-size:1.32em;line-height:1;
  
  transform:translateY(-.5px)}.blocks .picker button:hover{background:#141414}.blocks .picker button[aria-pressed="true"]{background:#fff;color:var(--on-light,#1e1e1e);box-shadow:none}.blocks .picker button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blocks .planner .microcopy{margin-top:var(--s2)}
@media (max-width:600px){.blocks .picker{gap:9px}.blocks .picker button{padding:12px 15px;font-size:var(--t-md);gap:8px}}.blocks .pick-more{display:none;width:100%;border:0;cursor:pointer;
  font-family:var(--body);font-size:var(--t-md);color:var(--text-2);
  background:var(--canvas);border-radius:var(--radius-control);
  padding:15px 18px;margin:var(--s1) 0 var(--s3);
  box-shadow:inset 0 0 0 1px var(--line)}.blocks .pick-more:hover{color:var(--text)}
@media (max-width:700px){.blocks .planner .picker{flex-direction:column;align-items:stretch;gap:8px;
    max-width:none;margin:var(--s4) 0 var(--s3)}.blocks .planner .picker button{width:100%;justify-content:flex-start;
    padding:15px 18px;font-size:var(--t-body);border-radius:var(--radius-control)}.blocks .planner .picker button:nth-child(n+7){display:none}.blocks .planner .picker.all button{display:inline-flex}.blocks .planner .pick-more{display:block}.blocks .planner .picker.all ~ .pick-more{display:none}.blocks .planner .pill{width:100%;justify-content:center}
}.blocks .wave{position:relative;height:60vh;min-height:460px;overflow:hidden;
  margin-top:calc(-26vh - 90px);z-index:1;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 46%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 46%)}.blocks .wave-swells{position:absolute;inset:0;
  transform:scaleY(calc(var(--sy,0.08) + var(--pull,0)));transform-origin:50% 100%;
  will-change:transform;transition:transform .16s linear}.blocks .wave.pulling .wave-swells{transition:none}.blocks .wave-sky{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(34,86,214,0) 0%,rgba(34,86,214,.34) 32%,
    rgba(66,116,236,.48) 52%,rgba(132,80,200,.48) 70%,
    rgba(228,104,72,.56) 86%,rgba(252,168,84,.66) 100%)}.blocks .wave-swells i{position:absolute;display:block;
  will-change:transform;
  transform-origin:50% 100%;will-change:transform;backface-visibility:hidden}.blocks .s1{left:-16%;bottom:-30%;width:64%;height:82%;
  background:radial-gradient(closest-side,rgba(60,116,216,.55),rgba(60,116,216,0))}.blocks .s2{left:12%;bottom:-30%;width:66%;height:94%;
  background:radial-gradient(closest-side,rgba(94,156,242,.50),rgba(94,156,242,0))}.blocks .s3{left:50%;bottom:-30%;width:66%;height:80%;
  background:radial-gradient(closest-side,rgba(63,92,190,.55),rgba(63,92,190,0))}.blocks .s4{left:-6%;bottom:-34%;width:64%;height:54%;
  background:radial-gradient(closest-side,rgba(164,98,138,.46),rgba(164,98,138,0))}.blocks .s5{left:40%;bottom:-34%;width:66%;height:50%;
  background:radial-gradient(closest-side,rgba(106,90,168,.46),rgba(106,90,168,0))}.blocks .s6{left:-12%;bottom:-38%;width:78%;height:36%;
  background:radial-gradient(closest-side,rgba(217,123,87,.52),rgba(217,123,87,0))}.blocks .s7{left:26%;bottom:-38%;width:82%;height:34%;
  background:radial-gradient(closest-side,rgba(242,164,94,.54),rgba(242,164,94,0))}
@media (prefers-reduced-motion:reduce){.blocks .wave-swells i{transform:none!important}}.blocks .bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s4)}.blocks .bento .b{min-height:340px}


@media (max-width:900px){.blocks .bento{grid-template-columns:1fr 1fr;gap:10px}.blocks .bento .b{min-height:0}}
@media (max-width:359px){.blocks .bento{grid-template-columns:1fr}}.blocks .steps{padding:0}.blocks .bento .b{background:var(--card)}.blocks .b-qr{width:120px;height:120px;background:#fff;border-radius:var(--radius-small);padding:8px;margin:6px 0 4px}.blocks .b-head{min-height:clamp(104px,10.4vw,136px)}.blocks .fan{position:relative;margin-top:0;align-self:center;width:min(100%,410px);
  container-type:inline-size;
  aspect-ratio:900/1450;display:flex;align-items:center;justify-content:center}.blocks .kit{--kt:2.73cqw;position:absolute;width:58%;aspect-ratio:5/7;
  border-radius:var(--radius-control);padding:11% 9% 10%;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  box-shadow:0 22px 60px rgba(0,0,0,.55)}.blocks .kit-a{background:#2a3a6b;transform:rotate(-12deg) translate(-33%,3%)}.blocks .kit-b{background:#8a4636;transform:rotate(12deg) translate(33%,3%)}.blocks .kit-c{background:#12253f;z-index:2}.blocks .kit-mark{display:flex;align-items:center;gap:6px;
  font-family:var(--display);font-size:var(--kt);color:rgba(255,255,255,.92)}.blocks .kit-dot{width:calc(var(--kt)*.88);height:calc(var(--kt)*.88);border-radius:50%;flex:none;
  background:radial-gradient(circle at 35% 30%,#cfe3ff,#6fa3ff 40%,#1f4fa8 75%,#0b1f4a)}.blocks .kit-qr{width:56%;margin:11% 0 auto;background:#fff;
  border-radius:var(--radius-small);padding:5%}.blocks .kit-qr svg{display:block;width:100%;height:auto}.blocks .kit-name{font-family:var(--display);font-size:calc(var(--kt)*1.89);line-height:var(--lh-h2);
  color:#fff;margin-top:auto}.blocks .kit-date{font-size:calc(var(--kt)*.88);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-top:5px}.blocks .kit-line{font-size:var(--kt);line-height:var(--lh-lead);color:rgba(255,255,255,.9);margin-top:11%}.blocks .kit-foot{font-size:calc(var(--kt)*.88);color:rgba(255,255,255,.5);margin-top:4px}
@media (max-width:900px){.blocks .kit{width:66%}}.blocks .minphone.full{
  -webkit-mask-image:linear-gradient(180deg,#000 90%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 90%,transparent 100%)}.blocks .minphone.full .bezel, .blocks .minphone.full .screen{
  transform:scale(.788);transform-origin:top center}.blocks .minphone.full .bezel{margin-top:0}.blocks .minphone.full .screen{margin-top:3.5%}.blocks .minphone{position:relative;margin-top:0;align-self:center;overflow:hidden;
  width:min(100%,410px);aspect-ratio:900/1450;
  
  
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%)}.blocks .minphone::before{content:"";position:absolute;z-index:0;pointer-events:none;
  left:-22%;right:-22%;top:6%;bottom:-4%;
  background:radial-gradient(ellipse 52% 46% at 50% 62%,
    rgba(96,160,255,.20) 0%,rgba(70,120,210,.10) 42%,transparent 72%);
  filter:blur(22px)}.blocks .minphone .bezel{position:absolute;top:0;left:0;width:100%;display:block;z-index:2;
  margin-top:-43.4%;
  filter:grayscale(1) sepia(1) hue-rotate(183deg) saturate(6) brightness(.9) contrast(1.15)
         drop-shadow(0 20px 70px rgba(0,0,0,.5))}.blocks .minphone .screen{position:absolute;z-index:1;top:0;left:4.2%;width:91.6%;
  aspect-ratio:1206/2622;height:auto;margin-top:-39.9%;
  display:block;border-radius:7%/3.4%}.blocks .mini{margin-top:auto;display:flex;flex-direction:column;gap:2px;
  border-radius:var(--radius-control);overflow:hidden}.blocks .mini-row{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 15px;background:rgba(255,255,255,.05);font-size:var(--t-sm);color:var(--text-2)}.blocks .mini-row b{font-weight:400;color:var(--text);font-family:var(--body);white-space:nowrap}.blocks .ticks{margin-top:auto;padding-top:16px;display:flex;gap:5px}.blocks .ticks i{flex:1;height:30px;border-radius:3px;background:rgba(255,255,255,.08)}.blocks .ticks i.on{background:var(--accent);opacity:.85}
@media (max-width:900px){.blocks .mini-row{padding:10px 12px}.blocks .b-qr{width:92px;height:92px}.blocks .ticks i{height:20px}}.blocks .foot{position:relative;z-index:2}.blocks .foot-card{background:none;border-radius:0;padding:0}.blocks .foot-cols{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr;
  gap:var(--s4);align-items:start}.blocks .foot-brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.blocks .foot-kind{font-size:var(--t-body);color:var(--text-2)}.blocks .foot-line{font-family:var(--display);font-weight:400;font-size:var(--t-h2);
  line-height:var(--lh-h2);letter-spacing:var(--ls-lg);color:var(--text);
  margin-bottom:var(--s3)}.blocks .foot-cta{margin-top:clamp(var(--s2),1.8vw,var(--s3))}.blocks .foot-cols nav{display:flex;flex-direction:column;gap:var(--s2)}.blocks .foot-cols h3{margin:0 0 var(--s2);font-family:var(--body);font-weight:400;
  font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:0;color:var(--text-2)}.blocks .foot-cols nav a{color:var(--text);text-decoration:none;font-size:var(--t-body);
  transition:color .18s ease}.blocks .foot-cols nav a:hover{color:var(--text-2)}.blocks .foot-about{min-width:0}.blocks .foot-desc{font-size:var(--t-md);line-height:var(--lh-body);color:var(--text-2)}.blocks .foot-about b{font-weight:400;color:var(--text)}.blocks .foot-base{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;
  gap:var(--s2) var(--s3);margin-top:var(--s4);padding-bottom:var(--s1)}.blocks .foot-base p{font-family:var(--mono);
  font-size:var(--t-sm);letter-spacing:.01em;color:var(--text-2);line-height:var(--lh-fine)}.blocks .fb-mid{text-align:center}.blocks .fb-links{text-align:right}.blocks .fb-links a{color:var(--text-2);text-decoration:none;position:relative}.blocks .fb-links a+a{margin-left:27px}.blocks .fb-links a+a::before{content:"|";position:absolute;left:-15px;color:var(--text-ghost)}.blocks .fb-links a:hover{color:var(--text)}
@media (max-width:760px){.blocks .foot-base{grid-template-columns:1fr;gap:10px}.blocks .fb-mid, .blocks .fb-links{text-align:left}.blocks .fb-links a+a{margin-left:22px}.blocks .fb-links a+a::before{left:-13px}}
@media (max-width:900px){.blocks .foot-cols{grid-template-columns:1fr 1fr;gap:24px}.blocks .foot-about{order:-1}.blocks .foot-about{grid-column:span 2;margin-top:var(--s2)}
}

@media (max-width:700px){.blocks .foot-cols{grid-template-columns:1fr 1fr;gap:var(--s5) var(--s4);
    align-items:start}.blocks .foot-about{grid-column:span 2;margin-top:0}.blocks .foot-cols nav{gap:var(--s2)}.blocks .foot-cols h3{margin-bottom:var(--s1)}.blocks .foot-cta{width:100%;justify-content:center}
}

@media (max-width:700px){.blocks .bento{grid-template-columns:1fr;gap:var(--s2);margin-top:var(--s3)}.blocks .bento .b{padding:var(--s3);gap:var(--s1);border-radius:var(--radius-card)}.blocks .bento .b-head{min-height:0}.blocks .bento .b-text{max-width:none}.blocks .bento .minphone, .blocks .bento .fan{width:100%}
}.blocks .pill{display:inline-flex;align-items:center;gap:10px;flex:none;
  background:#fff;color:var(--on-light,#1e1e1e);border-radius:var(--radius-pill);
  padding:15px 30px;text-decoration:none;font-family:var(--body);
  font-weight:600;font-size:var(--t-body);line-height:1;white-space:nowrap;
  transition:transform .3s ease-out}.blocks .pill:hover, .blocks .cta:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.blocks .pill:hover, .blocks .cta:hover{transform:none}}.blocks .pill.sm{padding:11px 20px;font-size:var(--t-md)}.blocks .pill.sm svg{width:17px;height:17px}.blocks .pill, .blocks .pill span, .blocks .pill svg{color:#1e1e1e}.blocks .pill svg{fill:#1e1e1e}.blocks .pill:hover{background:#f0f0f0}.blocks .pill.ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.30)}.blocks .pill.ghost, .blocks .pill.ghost span, .blocks .pill.ghost svg{color:var(--text)}.blocks .pill.ghost:hover{background:rgba(255,255,255,.08)}.blocks .navacts{display:flex;align-items:center;gap:8px;flex:none}.blocks .pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}