.svc-site{--svc-c:var(--svc-site);--svc-rgb:192,132,252}
.svc-ads{--svc-c:var(--svc-ads);--svc-rgb:244,114,182}
.svc-social{--svc-c:var(--svc-social);--svc-rgb:245,225,255}

.svc-site .aurora{--svc:0;--svc-on:.36}
.svc-ads .aurora{--svc:1;--svc-on:.36}
.svc-social .aurora{--svc:2;--svc-on:.3}


.sfx-ready [data-sfx="soft"]{
  --e:calc((1 - clamp(0,var(--in,0) * 1.6,1)) * (1 - clamp(0,var(--in,0) * 1.6,1)));
  opacity:clamp(0,calc(1 - var(--e) * 1.5),1);
  transform:translate3d(0,calc(var(--e) * 34px),0);
}
.sfx-ready .sfx-rest[data-sfx="soft"]{transform:none;opacity:1}



.svc-hero{position:relative;overflow-x:clip}
.svc-hero-pin{padding-block:clamp(20px,5vh,64px) clamp(40px,7vh,80px)}
.svc-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4.5vw,72px);align-items:center}
.svc-hero-copy{
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;
  opacity:calc(1 - max(0,var(--hero,0) - .25) * 1.4);
  transform:translate3d(0,calc(var(--hero,0) * -50px),0);
}
.svc-hero h1{font-size:clamp(2.3rem,4.4vw,4.5rem);line-height:1.02;margin:22px 0 24px}
.svc-hero h1 .accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--svc-c)}

.svc-hero h1 .sw{--k:clamp(0,calc(1 - ((var(--hero,0) - .1) * 3 * (var(--words,1) + 2) - var(--w,0)) / 3),1)}
.svc-hero .lead{margin-bottom:30px;max-width:54ch}
.svc-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.svc-proofs{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:20px;font-size:.92rem;color:var(--muted)}
.svc-proofs span{display:inline-flex;align-items:center;gap:9px}
.svc-proofs span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--svc-c);opacity:.9}


@media (min-width:1001px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
  .svc-hero{height:calc(170vh - var(--header-h))}
  .svc-hero-pin{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));display:flex;align-items:center;padding-block:0 3vh}
  .svc-hero-grid{width:100%}
  .svc-hero-copy{opacity:calc(1 - clamp(0,(var(--hero,0) - .72) * 2.4,1));transform:translate3d(0,calc(max(0,var(--hero,0) - .7) * -60px),0)}
  .svc-hero h1 .sw{--k:clamp(0,calc(1 - ((var(--hero,0) - .74) * 3 * (var(--words,1) + 2) - var(--w,0)) / 3),1)}
}


@media (min-width:1001px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
  .svc-hero.svc-hero-free{height:auto}
  .svc-hero-free .svc-hero-pin{position:relative;top:auto;height:auto;display:block;padding-block:clamp(20px,5vh,64px) clamp(40px,7vh,80px)}
  .svc-hero-free .svc-hero-copy{opacity:calc(1 - max(0,var(--hero,0) - .25) * 1.4);transform:translate3d(0,calc(var(--hero,0) * -50px),0)}
  .svc-hero.svc-hero-free h1 .sw{--k:clamp(0,calc(1 - ((var(--hero,0) - .1) * 3 * (var(--words,1) + 2) - var(--w,0)) / 3),1)}
}

.svc-hero .art-ads .ads-browser{translate:0 calc(var(--hero,0) * -14px)}
.svc-hero .art-ads .ads-page{translate:0 calc(var(--hero,0) * -40px)}
.svc-hero .art-ads .ads-phone{translate:0 calc(var(--hero,0) * -72px)}
.svc-hero .art-ads .ads-notif-dot{box-shadow:0 0 calc(10px + var(--hero,0) * 16px) var(--svc-ads)}
.svc-hero .art-soc .soc-phone{translate:0 calc(var(--hero,0) * -36px);rotate:calc(var(--hero,0) * -3deg)}
.svc-hero .soc-grid li{translate:0 calc(var(--hero,0) * (var(--i,4) - 4) * -2.5px)}


.svc-art{position:relative;margin:0;min-width:0}

.svc-ray{
  position:absolute;z-index:-1;left:calc(var(--ray-x,82%) - 1px);top:calc(var(--ray-y,0px) - var(--ray-h,120px));
  width:2px;height:var(--ray-h,120px);
  transform-origin:50% 100%;transform:rotate(var(--ray-a,14deg));pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(var(--svc-rgb),.55) 45%,rgba(255,255,255,.95));
  box-shadow:0 0 14px 2px rgba(var(--svc-rgb),.32);
  opacity:calc(.95 - clamp(0,var(--hero,0) * 1.2,.9));
}
.svc-ray::before{
  content:"";position:absolute;inset-inline:-3px;height:22%;border-radius:4px;
  top:calc(var(--hero,0) * 150% - 10%);opacity:clamp(0,calc(var(--hero,0) * 8),1);
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1.5px);
}
.svc-ray::after{
  content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;
  background:radial-gradient(circle,#fff,rgba(var(--svc-rgb),.6) 40%,transparent 70%);
}

@media (min-width:1001px){ .svc-hero-free .svc-art{padding-top:clamp(56px,10vh,104px)} }
@media (max-width:1000px){ .svc-ray{display:none} }
.art-scene{position:relative}
.art-cap{margin-top:16px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;line-height:1.5;color:var(--muted);text-align:center}


.art-site{--shot:var(--t,0);display:flex;flex-direction:column;align-items:center}
.art-site .art-cap{margin-top:26px}
.art-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);background:rgba(255,255,255,.04)}
.art-tabs [role="tab"]{
  min-height:40px;min-width:48px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:none;cursor:pointer;
  font-size:.9rem;font-weight:520;color:var(--muted);transition:background var(--dur-fast),color var(--dur-fast);
}
.art-tabs [role="tab"]:hover{color:var(--text)}
.art-tabs [aria-selected="true"]{color:var(--text);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(var(--svc-rgb),.55)}
.art-panel{width:100%;border-radius:18px}
.art-device{
  position:relative;padding:0 9% 11% 0;transform-origin:50% 70%;
  transform:perspective(1600px) rotateX(calc((1 - var(--t,0)) * 9deg)) rotateY(calc((var(--t,0) - .5) * -12deg));
}
.art-phone{position:absolute;inset-inline-end:0;bottom:0;width:27%;padding:5px;border-radius:18px;transform:translate3d(0,calc((.5 - var(--t,0)) * 28px),0)}
.art-phone .frame-screen{border-radius:14px}


.art-ads{
  --ty:clamp(0,calc(var(--t,0) / .32),1);
  --r:clamp(0,calc((var(--t,0) - .26) / .14),1);
  --a:clamp(0,calc((var(--t,0) - .36) / .12),1);
  --g:clamp(0,calc((var(--t,0) - .52) / .18),1);
  --m:clamp(0,calc((var(--t,0) - .74) / .14),1);
}
.art-ads .art-scene{aspect-ratio:1;width:100%}
.ads-browser,.ads-page{position:absolute;border-radius:18px;border:1px solid var(--line-hi);background:linear-gradient(160deg,#221E2E,#0E0E14);box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.ads-browser{inset-inline-start:0;top:0;width:84%;padding:14px;transform:translate3d(0,calc(var(--g) * -10px),0)}
.ads-search{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);background:rgba(255,255,255,.05);font-size:.92rem}
.ads-search svg{width:16px;height:16px;flex:none;color:var(--muted)}
.ads-q{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.ads-typed{color:var(--text)}
.ads-ghost{color:var(--dim)}
.ads-caret{flex:none;width:1.5px;height:1.15em;margin-inline:1px;background:var(--svc-ads);opacity:clamp(0,calc((.4 - var(--t,0)) * 20),1)}
.ads-results{display:grid;gap:12px;margin-top:16px;opacity:calc(.35 + var(--r) * .65)}
.ads-ad{position:relative;display:grid;padding:12px 14px;border-radius:12px;min-height:84px}
.ads-ad>*{grid-area:1/1}
.ads-ad::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(244,114,182,.55);background:rgba(244,114,182,.06);opacity:var(--a)}
.ads-skel{display:grid;align-content:center;gap:10px;opacity:calc(1 - var(--a))}
.ads-skel i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.1)}
.ads-skel i:first-child{width:72%}
.ads-skel i:last-child{width:46%}
.ads-adc{position:relative;display:grid;justify-items:start;gap:3px;opacity:var(--a);transform:translate3d(0,calc((1 - var(--a)) * 10px),0)}
.ads-tag{padding:1px 8px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--text)}
.ads-adc b{font-size:.98rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.ads-line{font-size:.8rem;color:var(--muted)}

.ads-res{display:grid;gap:2px;padding:4px 14px;font-size:.74rem;line-height:1.3;color:var(--muted);transform:translate3d(0,calc((1 - var(--a)) * -8px),0)}
.ads-res b{font-size:.86rem;font-weight:520;color:#CFC9DC;letter-spacing:-.01em}
.ads-page{
  inset-inline-start:0;top:44%;width:64%;padding:0 0 16px;overflow:hidden;
  opacity:var(--g);transform:translate3d(calc((1 - var(--g)) * -36px),calc((1 - var(--g)) * 30px),0) scale(calc(.92 + var(--g) * .08));
}
.ads-page .frame-bar{height:26px}
.ads-page-body{display:grid;gap:9px;padding:14px 16px 0}
.ads-page-k{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ads-pg-t{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.35rem;line-height:1.05;color:var(--text)}
.ads-pg-s{font-size:.72rem;line-height:1.35;color:var(--muted)}
.ads-pg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.ads-pg-row i{aspect-ratio:4/3;border-radius:8px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(244,114,182,.55),rgba(120,40,90,.5) 55%,#141218)}
.ads-pg-row i:nth-child(2){background:linear-gradient(200deg,rgba(245,225,255,.45),rgba(192,132,252,.35) 45%,#141218)}
.ads-pg-row i:nth-child(3){background:linear-gradient(170deg,rgba(255,180,200,.5),rgba(244,114,182,.2) 50%,#141218)}
.ads-pg-btn{display:inline-flex;align-items:center;gap:6px;justify-self:start;height:26px;margin-top:4px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid rgba(244,114,182,.7);font-size:.72rem;font-weight:560;color:var(--text)}
.ads-pg-btn svg{width:12px;height:12px;color:var(--svc-ads)}
.ads-phone{position:absolute;inset-inline-end:0;bottom:0;width:25%;padding:5px;border-radius:20px;transform:translate3d(0,calc((1 - var(--t,0)) * 16px),0)}
.ads-phone .frame-screen{border-radius:15px;background:linear-gradient(180deg,#15131C,#09090C)}
.ads-phone .frame-screen{background:radial-gradient(120% 70% at 50% 100%,rgba(244,114,182,.28),transparent 60%),linear-gradient(180deg,#1A1622,#0A0A0E)}
.ads-phone .frame-screen::before{content:"";position:absolute;top:4%;left:50%;width:30%;height:5px;border-radius:3px;background:rgba(255,255,255,.12);transform:translateX(-50%)}

.ads-lock{position:absolute;inset-inline:0;top:14%;display:grid;justify-items:center;gap:1px;text-align:center;transform:translate3d(0,calc(var(--m) * -6px),0)}
.ads-lock b{font-size:clamp(1rem,2.2vw,1.45rem);font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.ads-lock span{font-size:.56rem;color:var(--muted)}
.ads-notif{
  position:absolute;inset-inline:7%;top:38%;display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border-radius:10px;
  background:rgba(255,255,255,.14);border:1px solid var(--line-hi);font-size:.56rem;line-height:1.25;
  opacity:var(--m);transform:translate3d(0,calc((1 - var(--m)) * -16px),0) scale(calc(.9 + var(--m) * .1));
}
.ads-notif>span{display:grid;min-width:0}
.ads-notif b{font-size:.6rem;font-weight:600}
.ads-notif>span>span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-notif-dot{margin-top:2px}
.ads-notif-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--svc-ads);box-shadow:0 0 10px var(--svc-ads)}


.art-soc .art-scene{display:grid;place-items:center}
.soc-phone{
  width:min(268px,72%);padding:7px;
  transform:perspective(1400px) rotateY(calc((1 - var(--t,0)) * -14deg)) rotateX(calc((1 - var(--t,0)) * 6deg));
}
.soc-phone .frame-screen.soc-screen{display:flex;flex-direction:column;aspect-ratio:390/650;padding:16px 12px 10px;background:linear-gradient(180deg,#121119,#09090C)}
.soc-nav{display:flex;justify-content:space-around;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.soc-nav i{width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(255,255,255,.35)}
.soc-nav i:nth-child(3){border-radius:50%;border-color:var(--svc-social)}
.soc-top{display:flex;align-items:center;gap:10px}
.soc-avatar{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--svc-social);color:var(--svc-social)}
.soc-avatar svg{width:22px;height:22px}
.soc-id{display:grid;gap:2px;min-width:0;font-size:.62rem;line-height:1.3;color:var(--muted)}
.soc-id b{font-size:.8rem;font-weight:600;color:var(--text)}
.soc-tabs{position:relative;display:block;height:1px;margin:16px 0 8px;background:var(--line-hi)}
.soc-tabs i{position:absolute;inset-inline-start:0;top:-1px;width:33.4%;height:2px;background:var(--text)}
.soc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.soc-grid li{
  --k:clamp(0,calc(var(--t,0) * 10.4 - var(--i) - .6),1);
  position:relative;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:5px;padding:4px;border-radius:3px;
  border:1px dashed rgba(255,255,255,.14);text-align:center;overflow:hidden;
}
.soc-grid li::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tile,linear-gradient(160deg,#211D2C,#121218));box-shadow:inset 0 0 0 1px rgba(245,225,255,.16);opacity:var(--k)}
.soc-grid li>*{position:relative;opacity:var(--k);transform:scale(calc(.82 + var(--k) * .18))}
.soc-grid svg{width:42%;height:auto;color:var(--svc-social)}
.soc-grid span{font-size:.55rem;line-height:1.15;color:var(--text);overflow-wrap:anywhere}
.soc-grid .t-serif{--tile:linear-gradient(200deg,#1A1A22,#0B0B10)}
.soc-grid .t-serif span{font-family:var(--font-serif);font-style:italic;font-size:1.02rem;color:var(--svc-social)}
.soc-grid .t-mono{--tile:#0B0B10}
.soc-grid .t-mono span{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}



.svc-sec{padding-block:clamp(44px,5vw,72px)}

.h-acc{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-inline-end:.05em;color:var(--svc-c)}
.sfx-ready [data-sfx="wipe"] .h-acc{
  background:linear-gradient(100deg,var(--svc-c),rgba(var(--svc-rgb),.72));-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:calc(.22 + var(--k,1) * .78);
}
.svc-others{padding-bottom:0}
.svc-head{margin-bottom:clamp(28px,3.4vw,44px)}
.svc-head h2{font-size:clamp(1.9rem,3.2vw,3rem)}
.svc-head .lead{margin-top:16px;font-size:1.06rem}
.svc-body{min-width:0}
.svc-prose{max-width:var(--measure)}
.svc-prose p+p{margin-top:16px}
.svc-big{font-size:clamp(1.18rem,1.6vw,1.45rem);line-height:1.5;letter-spacing:-.01em}
.svc-note{margin-top:28px;padding:18px 22px;color:var(--muted);max-width:var(--measure)}
.svc-act{margin-top:28px}
.svc-act .arrow{display:inline-block}
@media (min-width:1001px){
  .svc-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
  .svc-split>.svc-head{margin-bottom:0}
  
  .svc-split>.svc-head:not(:has(.month)){position:sticky;top:calc(var(--header-h) + 36px)}
}


.journey{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.journey .doing{grid-template-columns:1fr}
.journey-art{position:sticky;top:calc(var(--header-h) + 8vh)}
.journey-art .art-cap{margin-top:14px}
@media (max-width:1000px){
  .journey{grid-template-columns:minmax(0,1fr);gap:0}
  .journey-copy{display:contents}
  .journey-copy>.svc-head{order:1}
  .journey-art{order:2;position:relative;top:auto;width:min(100%,520px);margin:0 auto clamp(28px,5vw,44px)}
  .journey-copy>:not(.svc-head){order:3}
}


.svc-wide .svc-head{max-width:none}
.svc-wide .svc-prose{max-width:none}
.svc-wide .svc-big{font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.3;letter-spacing:-.02em;max-width:34ch}
#promesses .svc-big{max-width:none;columns:auto}
#promesses .svc-prose p:not(.svc-big){max-width:var(--measure);margin-top:28px;color:var(--muted)}
.month-fig{margin:0 0 clamp(28px,4vw,52px);--mg:clamp(5px,.9vw,12px)}
.month-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--mg);margin-bottom:10px}
.month-days i{font-style:normal;text-align:center;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;color:var(--muted)}
.month.month-wide{max-width:none;gap:var(--mg);margin:0}
.month-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:14px;font-size:.88rem;color:var(--muted)}
.month-key span{display:inline-flex;align-items:center;gap:9px}
.mk-on::before,.mk-st::before{content:"";flex:none;width:10px;height:10px;border-radius:50%}
.mk-on::before{background:var(--svc-c);box-shadow:0 0 8px rgba(var(--svc-rgb),.5)}
.mk-st::before{width:12px;height:12px;border:1.5px solid rgba(var(--svc-rgb),.75)}
.mk-ex{margin-inline-start:auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}
.month.month-wide i{aspect-ratio:2.6/1;border-radius:10px}
.month.month-wide i::after{inset:auto;left:50%;top:50%;width:clamp(8px,1.1vw,14px);height:clamp(8px,1.1vw,14px);margin:calc(clamp(8px,1.1vw,14px) / -2)}
.month.month-wide .st::after{inset:auto;left:50%;top:50%;width:clamp(10px,1.4vw,18px);height:clamp(10px,1.4vw,18px);margin:calc(clamp(10px,1.4vw,18px) / -2)}
.month-prose{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.month-prose p+p{margin-top:0}
.month-prose .svc-big{font-size:clamp(1.25rem,1.9vw,1.7rem);max-width:none}
@media (max-width:1000px){ .month-prose{grid-template-columns:1fr} }


.kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.kind,.which-card,.doing-col{
  position:relative;padding:clamp(22px,2.4vw,32px);border-radius:var(--radius-l);border:1px solid var(--line-hi);
  background:linear-gradient(160deg,rgba(34,30,46,.62),rgba(14,14,20,.78));
}
.kind{display:flex;flex-direction:column;gap:12px}

.kind::before{content:"";position:absolute;inset-inline-start:-1px;inset-block:28px;width:2px;border-radius:2px;background:var(--svc-c);box-shadow:0 0 12px var(--svc-c);transform:scaleY(clamp(0,calc(var(--in,1) * 1.3 - .2),1));transform-origin:50% 0}
.kind h3{margin-top:8px}
.kind-for{font-family:var(--font-serif);font-style:italic;font-size:1.18rem;line-height:1.3}
.kind p:not(.kind-for),.which-card p{color:var(--muted);font-size:.98rem}
.kind-ex,.ex-open{
  display:inline-flex;align-items:center;min-height:44px;font-weight:520;color:var(--text);
  text-decoration:underline;text-decoration-color:var(--line-hi);text-underline-offset:5px;transition:text-decoration-color var(--dur-fast);
}
.kind-ex{margin-top:auto}
.kind-ex:hover,.ex-open:hover{text-decoration-color:var(--svc-c)}

.kind-frame{--shot:clamp(0,calc((var(--p,0) - .12) * 1.5),1);margin-bottom:6px;transform:perspective(1200px) rotateX(calc((1 - var(--in,1)) * 8deg));transform-origin:50% 100%}
.kind-frame .frame-bar>span{max-width:70%}


.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px}
.ticks.ticks-1{grid-template-columns:1fr;gap:14px;margin-block:26px}
.ticks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;line-height:1.5}
.tick{width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--svc-c);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--in,1) * 1.5 - .3),1))}
.plus{display:grid;gap:14px}
.plus li{position:relative;padding-inline-start:30px;line-height:1.5}
.plus li::before,.plus li::after{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:13px;height:1.5px;border-radius:1px;background:var(--svc-c)}
.plus li::after{transform:rotate(calc(90deg * clamp(0,calc(var(--in,1) * 1.5 - .3),1)))}


.svc-sec .proofs{margin-top:clamp(8px,1.5vw,20px)}
.dl-after{margin-top:12px;max-width:62ch;font-size:.9rem;color:var(--muted)}
.local{display:flex;align-items:flex-start;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);max-width:var(--measure)}
.local svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--svc-c)}


.vary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;border-top:1px solid var(--line)}
.vary li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);line-height:1.45}
.vary-n{font-family:var(--font-mono);font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}


.ex-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ex-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ex-card .frame-laptop{width:100%;margin-bottom:10px;--shot:clamp(0,calc((var(--p,0) - .15) * 1.4),1)}
.ex-card h3{font-size:1.35rem}
.ex-kind{color:var(--muted);font-size:.95rem}
.ex-all{margin-top:28px}


.others{display:grid;gap:12px}
.others a{
  display:flex;align-items:center;gap:14px;min-height:76px;padding:18px 24px;border-radius:var(--radius);border:1px solid var(--line-hi);
  background:rgba(255,255,255,.03);font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:560;letter-spacing:-.015em;
  transition:background var(--dur-fast),border-color var(--dur-fast);
}
.others a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28)}
.others .arrow{margin-inline-start:auto;color:var(--muted);transition:transform var(--dur) var(--ease-lux)}
.others a:hover .arrow{transform:translate3d(4px,0,0)}


.which,.doing,.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.which-card h3{margin:22px 0 12px}
.which-note{margin-top:24px;max-width:var(--measure);color:var(--muted)}

.which-art{position:relative;height:208px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);overflow:hidden}
.wa-google{--ad:clamp(0,calc((var(--p,.5) - .12) * 4),1);display:grid;align-content:start;gap:8px}
.wa-bar{display:flex;align-items:center;gap:9px;height:32px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);background:rgba(255,255,255,.04);font-size:.82rem;color:var(--text)}
.wa-bar svg{width:14px;height:14px;flex:none;color:var(--muted)}
.wa-ad{
  display:grid;justify-items:start;gap:1px;padding:8px 12px;border-radius:10px;border:1px solid rgba(244,114,182,.55);background:rgba(244,114,182,.07);
  font-size:.72rem;line-height:1.3;color:var(--muted);
  opacity:calc(.25 + var(--ad) * .75);transform:translate3d(calc((1 - var(--ad)) * 18px),0,0);
}
.wa-ad b{font-size:.86rem;font-weight:600;color:var(--text);letter-spacing:-.01em}
.wa-tag{margin-bottom:2px;padding:0 7px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;color:var(--text)}
.wa-r{display:grid;gap:1px;padding:0 12px;font-size:.7rem;line-height:1.3;color:var(--muted)}
.wa-r b{font-size:.8rem;font-weight:520;color:#CFC9DC}
.wa-feed{padding-block:0;-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.wa-feed-in{display:grid;gap:12px;width:min(62%,240px);margin-inline:auto;padding-top:14px;transform:translate3d(0,calc((var(--p,.5) - .5) * -170px - 215px),0)}
.wa-post{display:grid;gap:7px;padding:9px;border-radius:12px;border:1px solid var(--line-hi);background:rgba(255,255,255,.04)}
.wa-post.is-ad{border-color:rgba(244,114,182,.6);background:rgba(244,114,182,.06)}
.wa-ph{display:flex;align-items:center;gap:7px;min-width:0;font-size:.68rem}
.wa-ph b{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-av{flex:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(140deg,#4A4458,#1C1A24);border:1px solid var(--line-hi)}
.is-ad .wa-av{background:linear-gradient(140deg,#F472B6,#7C3AED);border-color:rgba(244,114,182,.6)}
.wa-sp{flex:none;margin-inline-start:auto;padding:0 7px;border-radius:var(--radius-pill);background:rgba(244,114,182,.18);font-size:.56rem;font-weight:560;letter-spacing:.02em;color:#FBCFE8}
.wa-vis{display:block;aspect-ratio:16/10;border-radius:8px;background:linear-gradient(160deg,#2A2633,#121218)}
.wa-post:first-child .wa-vis{background:linear-gradient(160deg,#3A3226,#151318)}
.is-ad .wa-vis{background:radial-gradient(60% 55% at 35% 40%,rgba(255,214,231,.9),rgba(244,114,182,.75) 35%,transparent 70%),linear-gradient(150deg,#F472B6,#9D2F78 55%,#2A1430)}
.wa-ic{display:flex;gap:10px;color:var(--muted)}
.wa-ic svg{width:14px;height:14px}
.is-ad .wa-ic svg:first-child{color:var(--svc-ads);fill:currentColor}
.doing-col h3{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:1.35rem}
.doing-ico{flex:none;width:34px;height:34px;padding:7px;border-radius:50%;border:1px solid rgba(var(--svc-rgb),.55);color:var(--svc-c)}
.doing-spin{transform:rotate(calc(var(--p,0) * 540deg))}
.steps-list{display:grid;gap:14px;counter-reset:pas}
.steps-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;line-height:1.5;counter-increment:pas}
.steps-list li::before{content:counter(pas,decimal-leading-zero);padding-top:.25em;font-family:var(--font-mono);font-size:.74rem;color:var(--muted)}

.two-sums{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px}
.ts{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px;border-radius:var(--radius-pill);border:1px solid var(--line-hi);background:rgba(255,255,255,.04);font-size:.94rem;color:var(--muted)}
.ts b{font-weight:560;color:var(--text)}
.ts i{font-style:normal;color:var(--muted)}
.ts-a{border-color:rgba(244,114,182,.55);transform:translate3d(calc((.5 - var(--p,.5)) * 20px),0,0)}
.ts-a span{color:#FBCFE8}
.ts-b{transform:translate3d(calc((var(--p,.5) - .5) * 20px),0,0)}


.month{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:250px;margin-top:32px}
.month i{position:relative;aspect-ratio:1;border-radius:6px;border:1px solid var(--line)}
.month i::after{content:"";position:absolute;inset:28%;border-radius:50%;opacity:0}
.month .on::after,.month .st::after{--k:clamp(0,calc((var(--p,1) - .14) * 42 - var(--i,0)),1);opacity:var(--k);transform:scale(calc(.4 + var(--k) * .6))}
.month .on::after{background:var(--svc-c);box-shadow:0 0 10px rgba(var(--svc-rgb),.5)}
.month .st::after{inset:32%;border:1.5px solid rgba(var(--svc-rgb),.7);--i:7}
.pair-col h2{font-size:clamp(1.7rem,2.6vw,2.4rem);margin-bottom:18px}
.pair-col p:not(.chapter){max-width:var(--measure)}


.quote-main h2{font-size:clamp(1.9rem,3.4vw,3.2rem)}


@media (max-width:1000px){
  .svc-hero-grid{grid-template-columns:1fr}
  .svc-art{width:100%;max-width:540px;margin:16px auto 0}
  .kinds{grid-template-columns:1fr;max-width:640px}
  .which,.doing,.pair{grid-template-columns:1fr}
}


@media (max-width:760px){
  .svc-hero-pin{padding-block:12px 32px}
  .svc-hero h1{font-size:clamp(2rem,8.6vw,2.6rem);margin:16px 0 18px}
  .svc-hero .lead{font-size:1.02rem;margin-bottom:24px}
  .svc-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .svc-proofs{gap:4px 16px;margin-top:16px;font-size:.88rem}
  .svc-art{margin-top:28px}
  .art-tabs [role="tab"]{padding:0 16px}
  .art-ads .art-scene{aspect-ratio:10/11}
  .ads-pg-row i{aspect-ratio:3/2}
  .ads-search{height:38px;font-size:.82rem;padding:0 12px}
  .ads-browser{padding:10px}
  .ads-adc b{font-size:.86rem}
  .ads-ad{min-height:74px;padding:10px 12px}
  .soc-phone{width:min(250px,68vw)}
  .ticks{grid-template-columns:1fr;gap:16px}
  .vary{grid-template-columns:1fr}
  .ex-cards{grid-template-columns:1fr}
  
  .month.month-wide i{aspect-ratio:1;border-radius:8px}
  .month.month-wide i::after{width:12px;height:12px;margin:-6px}
  .month.month-wide .st::after{width:15px;height:15px;margin:-7.5px}
  .mk-ex{margin-inline-start:0;flex-basis:100%}
  .others a{min-height:64px;padding:14px 18px}
}


@media (prefers-reduced-motion:reduce){
  .svc-hero-copy,.svc-hero h1 .sw{opacity:1;transform:none;--k:1}
  .art-device,.art-phone,.ads-browser,.ads-phone,.soc-phone,.kind-art i,.wa-ad,.wa-feed-in,.ts-a,.ts-b,.doing-spin{transform:none}
  .wa-ad{opacity:1}
  .wa-feed-in{transform:translate3d(0,-215px,0)}
  .kind-frame{--shot:0;transform:none}
  
  .kind::before{transform:none}
  .svc-hero .art-ads .ads-browser,.svc-hero .art-ads .ads-page,.svc-hero .art-ads .ads-phone,.svc-hero .art-soc .soc-phone,.svc-hero .soc-grid li{translate:none;rotate:none}
  .svc-ray::before{display:none}
  .sfx-ready [data-sfx="wipe"] .h-acc{opacity:1}
  .journey-art{position:relative;top:auto}
  .tick{stroke-dashoffset:0}
  .plus li::after{transform:rotate(90deg)}
  .month .on::after,.month .st::after{opacity:1;transform:none}
  .ex-card .frame-laptop{--shot:0}
}
@media (forced-colors:active){
  .kind,.which-card,.doing-col,.others a,.art-tabs{border:1px solid CanvasText}
}