/* ============================================================
   Hotel Unified Customer Profile — Pastel Gradient Edition
   pink · peach · lavender · mint  +  motion
   ============================================================ */
:root{
  --pink:#FF7FA8; --pink-s:#FFC2D6; --peach:#FF9E64; --peach-s:#FFD9BE;
  --lav:#A98BFF;  --lav-s:#DCCFFF;  --mint:#3FD0B6;  --mint-s:#BFF0E6;
  --sky:#5AB8F5;  --sky-s:#C9E7FD;
  --ink:#3A2C43; --ink-s:#5E4E68; --muted:#8B7C95; --muted2:#A99CB2;
  --line:rgba(120,90,140,.16); --line2:rgba(120,90,140,.09);
  --glass:rgba(255,255,255,.72); --glass2:rgba(255,255,255,.55);
  --card:rgba(255,255,255,.62);
  --grad:linear-gradient(112deg,#FF7FA8 0%,#FF9E64 52%,#FFC46B 100%);
  --grad2:linear-gradient(120deg,#A98BFF,#FF7FA8 60%,#FF9E64);
  --grad-mint:linear-gradient(120deg,#3FD0B6,#5AB8F5);
  --sh:0 2px 8px rgba(150,90,130,.07),0 18px 48px rgba(150,90,130,.13);
  --sh-s:0 1px 3px rgba(150,90,130,.08),0 6px 18px rgba(150,90,130,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  color:var(--ink); overflow:hidden;
  font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  background:#FFF3F6;
}

/* ───────── animated pastel background ───────── */
#bgfx{position:fixed;inset:0;z-index:0;overflow:hidden;
  background:
    radial-gradient(1100px 780px at 12% 8%, #FFD9E4 0%, transparent 62%),
    radial-gradient(1000px 720px at 88% 6%, #FFE3CC 0%, transparent 60%),
    radial-gradient(1200px 900px at 78% 96%, #E7DBFF 0%, transparent 62%),
    radial-gradient(900px 700px at 18% 92%, #CFF3EA 0%, transparent 60%),
    linear-gradient(160deg,#FFF6F9 0%,#FFF9F3 45%,#F7F3FF 100%);
}
#bgfx b{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
#bgfx b:nth-child(1){width:520px;height:520px;left:-90px;top:-120px;background:radial-gradient(circle,#FF9EBB,transparent 68%);animation:drift1 26s ease-in-out infinite}
#bgfx b:nth-child(2){width:460px;height:460px;right:-80px;top:-60px;background:radial-gradient(circle,#FFBE86,transparent 68%);animation:drift2 32s ease-in-out infinite}
#bgfx b:nth-child(3){width:600px;height:600px;right:8%;bottom:-200px;background:radial-gradient(circle,#BFA6FF,transparent 68%);animation:drift3 30s ease-in-out infinite}
#bgfx b:nth-child(4){width:420px;height:420px;left:6%;bottom:-140px;background:radial-gradient(circle,#8AE6D2,transparent 68%);animation:drift1 34s ease-in-out infinite reverse}
@keyframes drift1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8%,6%,0) scale(1.16)}}
@keyframes drift2{0%,100%{transform:translate3d(0,0,0) scale(1.08)}50%{transform:translate3d(-7%,9%,0) scale(.94)}}
@keyframes drift3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-6%,-8%,0) scale(1.14)}}
@media (prefers-reduced-motion:reduce){#bgfx b{animation:none}}

/* ───────── stage / slide ───────── */
#stage{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:1}
.slide{
  position:absolute; width:min(1250px,95vw); height:min(710px,88vh);
  background:var(--glass); backdrop-filter:blur(26px) saturate(1.5);
  -webkit-backdrop-filter:blur(26px) saturate(1.5);
  border:1px solid rgba(255,255,255,.85);
  border-radius:26px; box-shadow:var(--sh);
  padding:42px 50px 58px; opacity:0;
  transform:translateY(26px) scale(.97); filter:blur(4px);
  transition:opacity .5s cubic-bezier(.2,.8,.25,1),transform .55s cubic-bezier(.2,.8,.25,1),filter .5s;
  pointer-events:none; overflow:auto; display:flex; flex-direction:column;
}
.slide::before{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.6),transparent 42%)}
.slide.active{opacity:1;transform:none;filter:none;pointer-events:auto;z-index:2}
.slide.prev{transform:translateY(-26px) scale(.97)}
.slide::-webkit-scrollbar{width:8px}
.slide::-webkit-scrollbar-thumb{background:var(--pink-s);border-radius:8px}

/* staggered entrance for direct children */
@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.slide.active>*{animation:riseIn .55s cubic-bezier(.2,.8,.25,1) both}
.slide.active>*:nth-child(1){animation-delay:.06s}
.slide.active>*:nth-child(2){animation-delay:.13s}
.slide.active>*:nth-child(3){animation-delay:.20s}
.slide.active>*:nth-child(4){animation-delay:.27s}
.slide.active>*:nth-child(5){animation-delay:.34s}
.slide.active>*:nth-child(6){animation-delay:.41s}
.slide.active>*:nth-child(7){animation-delay:.48s}
.slide.active>*:nth-child(8){animation-delay:.55s}

/* ───────── header ───────── */
.eyebrow{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
h1.title{font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin-top:7px}
.sub{font-size:13.5px;color:var(--ink-s);margin-top:10px;line-height:1.7;max-width:98ch}
.rule{height:2px;margin:18px 0 20px;border-radius:2px;
  background:linear-gradient(90deg,var(--pink),var(--peach) 40%,rgba(169,139,255,.35) 78%,transparent)}
.body{flex:1;min-height:0}

/* ───────── cover ───────── */
.cover{justify-content:center}
.cover .kicker{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;
  color:#fff;background:var(--grad);padding:8px 16px;border-radius:100px;width:max-content;
  box-shadow:0 6px 20px rgba(255,127,168,.38);animation:bob 4.5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.cover h1{font-size:54px;font-weight:800;line-height:1.14;letter-spacing:-.032em;margin:24px 0 0;color:var(--ink)}
.cover h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:220% 100%;animation:hue 7s ease-in-out infinite}
@keyframes hue{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.cover .lead{font-size:16px;color:var(--ink-s);margin-top:20px;line-height:1.78;max-width:72ch}
.cover .chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}
.cover .meta{margin-top:32px;font-size:12px;color:var(--muted);display:flex;gap:16px;align-items:center}
.cover .strip{display:flex;gap:12px;align-items:center;margin-top:28px;padding-top:24px;
  border-top:1px solid var(--line2)}
.cover .strip img{width:40px;height:40px;padding:5px;border-radius:12px;background:rgba(255,255,255,.9);
  box-shadow:var(--sh-s);animation:floaty 5s ease-in-out infinite}
.cover .strip img:nth-child(2){animation-delay:.25s}.cover .strip img:nth-child(3){animation-delay:.5s}
.cover .strip img:nth-child(4){animation-delay:.75s}.cover .strip img:nth-child(5){animation-delay:1s}
.cover .strip img:nth-child(6){animation-delay:1.25s}.cover .strip img:nth-child(7){animation-delay:1.5s}
.cover .strip img:nth-child(8){animation-delay:1.75s}.cover .strip img:nth-child(9){animation-delay:2s}
.cover .strip img:nth-child(10){animation-delay:2.25s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ───────── chips ───────── */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  padding:6px 13px;border-radius:100px;background:rgba(255,255,255,.8);border:1px solid var(--line);
  color:var(--ink);box-shadow:var(--sh-s);transition:transform .22s,box-shadow .22s}
.chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(150,90,130,.16)}
.chip.o{background:linear-gradient(120deg,#FFE4D2,#FFD3E2);border-color:rgba(255,158,100,.4);color:#A34A22}
.chip.b{background:linear-gradient(120deg,#D8ECFF,#E6DEFF);border-color:rgba(90,184,245,.4);color:#1E5C8C}
.chip.p{background:linear-gradient(120deg,#EBE0FF,#FFDCEC);border-color:rgba(169,139,255,.42);color:#5B34A8}
.chip.g{background:linear-gradient(120deg,#D6F5EC,#E4F6D9);border-color:rgba(63,208,182,.42);color:#186B5B}
.chip.t{background:linear-gradient(120deg,#CFF3EA,#D8ECFF);border-color:rgba(63,208,182,.42);color:#12695A}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}
.tag{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;background:rgba(255,255,255,.85);
  border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:#7A4A8F}

/* ───────── tables ───────── */
table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;
  background:rgba(255,255,255,.62);border-radius:14px;overflow:hidden;box-shadow:var(--sh-s)}
th{background:var(--grad);color:#fff;font-weight:800;font-size:11px;text-align:left;padding:10px 12px;letter-spacing:.02em}
td{padding:9px 12px;border-bottom:1px solid var(--line2);color:var(--ink-s);vertical-align:top;line-height:1.55}
tr:last-child td{border-bottom:0}
tr:nth-child(even) td{background:rgba(255,255,255,.45)}
tbody tr{transition:background .2s}
tbody tr:hover td{background:rgba(255,236,244,.75)}
td.k{font-weight:800;color:var(--ink)}
td.num{text-align:right;font-family:ui-monospace,Menlo,monospace}

/* ───────── cards ───────── */
.cards{display:grid;gap:13px}
.cards.c2{grid-template-columns:1fr 1fr}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:var(--card);border:1px solid rgba(255,255,255,.9);
  border-radius:16px;padding:15px 16px;box-shadow:var(--sh-s);overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.8,.25,1),box-shadow .28s}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad);opacity:.9}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(150,90,130,.18)}
.card .ct{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--ink)}
.card .ct img{width:28px;height:28px;padding:3px;border-radius:9px;background:#fff;box-shadow:var(--sh-s)}
.card .cd{font-size:11.5px;color:var(--ink-s);line-height:1.68;margin-top:9px}
.card ul{margin:9px 0 0;padding-left:0;list-style:none}
.card li{font-size:11.5px;color:var(--ink-s);line-height:1.72;padding-left:15px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;
  background:var(--grad)}
.card li b{color:var(--ink)}
.card.hl{background:linear-gradient(135deg,rgba(255,226,236,.85),rgba(255,235,215,.8))}
.card.hl::before{background:var(--grad)}
.card.tl{background:linear-gradient(135deg,rgba(207,243,234,.85),rgba(216,236,255,.8))}
.card.tl::before{background:var(--grad-mint)}
.card.bl{background:linear-gradient(135deg,rgba(230,222,255,.85),rgba(255,220,236,.8))}
.card.bl::before{background:var(--grad2)}

/* ───────── kpis ───────── */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.kpi{position:relative;border-radius:16px;padding:16px 17px;color:#fff;overflow:hidden;
  background:var(--grad2);box-shadow:0 10px 26px rgba(169,139,255,.28);
  transition:transform .28s;animation:sheen 6s linear infinite}
.kpi:nth-child(2){background:var(--grad);box-shadow:0 10px 26px rgba(255,127,168,.3);animation-delay:.6s}
.kpi:nth-child(3){background:linear-gradient(120deg,#22B79E,#3E9FE0);box-shadow:0 10px 26px rgba(63,208,182,.3);animation-delay:1.2s}
.kpi:nth-child(4){background:linear-gradient(120deg,#FB8140,#FFA94D);box-shadow:0 10px 26px rgba(255,158,100,.34);animation-delay:1.8s}
.kpi::after{content:"";position:absolute;top:-60%;left:-30%;width:40%;height:220%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:sweep 5.5s ease-in-out infinite}
.kpi:nth-child(2)::after{animation-delay:.7s}.kpi:nth-child(3)::after{animation-delay:1.4s}.kpi:nth-child(4)::after{animation-delay:2.1s}
@keyframes sweep{0%{left:-40%}55%,100%{left:130%}}
@keyframes sheen{0%,100%{filter:saturate(1)}50%{filter:saturate(1.12)}}
.kpi:hover{transform:translateY(-4px)}
.kpi .v{font-size:29px;font-weight:800;letter-spacing:-.025em;line-height:1;position:relative;text-shadow:0 1px 3px rgba(110,50,80,.22)}
.kpi .v small{font-size:14px;font-weight:700;opacity:.9}
.kpi .l{font-size:10.5px;opacity:.97;margin-top:8px;line-height:1.5;position:relative;text-shadow:0 1px 2px rgba(110,50,80,.25)}

/* ───────── steps / notes / callouts ───────── */
.note{font-size:10.5px;color:var(--muted);line-height:1.65;margin-top:13px;padding-top:12px;
  border-top:1px solid var(--line2)}
.note b{color:var(--ink-s)}
.callout{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:13px 15px;
  background:linear-gradient(120deg,rgba(255,226,236,.9),rgba(255,236,214,.85));
  border:1px solid rgba(255,158,100,.35);box-shadow:var(--sh-s)}
.callout .ci{font-size:16px;line-height:1.2;background:var(--grad);-webkit-background-clip:text;
  background-clip:text;color:transparent;font-weight:800}
.callout .cx{font-size:11.5px;color:#7A4530;line-height:1.68}
.callout .cx b{color:#5E2F1E}
.callout.t{background:linear-gradient(120deg,rgba(207,243,234,.9),rgba(216,236,255,.85));
  border-color:rgba(63,208,182,.38)}
.callout.t .cx{color:#12695A}.callout.t .cx b{color:#0B4F44}
.callout.t .ci{background:var(--grad-mint);-webkit-background-clip:text;background-clip:text}

/* code */
pre{background:linear-gradient(140deg,#43325A,#2E2340);color:#F3EAFB;border-radius:13px;padding:14px 16px;
  font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.78;overflow-x:auto;
  box-shadow:0 8px 22px rgba(70,40,90,.26)}
pre .kw{color:#FFB1CB;font-weight:700}
pre .fn{color:#7EE8D3}
pre .cm{color:#A99CB2}

/* ───────── graph slide ───────── */
.gview{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
.gmap{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:9px;
  box-shadow:var(--sh-s)}
.gmap svg{width:100%;height:auto;display:block}
.gmap .e{stroke:#C9AFD6}
.gmap .el{fill:var(--muted)}

/* ───────── architecture SVG (pastel + flowing lines) ───────── */
.archsvg{display:flex;flex-direction:column;justify-content:center;gap:4px}
.archsvg svg{width:100%;height:auto;display:block;overflow:visible}
.archsvg .bx{fill:rgba(255,255,255,.86);stroke:rgba(169,139,255,.30);stroke-width:1.2}
.archsvg .bxh{fill:url(#gPeach);stroke:rgba(255,127,168,.55);stroke-width:1.4}
.archsvg .bxt{fill:url(#gMint);stroke:rgba(63,208,182,.5);stroke-width:1.3}
.archsvg .bxb{fill:url(#gLav);stroke:rgba(169,139,255,.5);stroke-width:1.3}
.archsvg .grp{stroke-dasharray:6 5}
.archsvg .nm,.archsvg .nm2{fill:#3A2C43}
.archsvg .sb{fill:#9A8AA6}
.archsvg .sk,.archsvg .ch{fill:#6E5E79}
.archsvg .pl,.archsvg .rw{fill:#3A2C43}
.archsvg .gt{letter-spacing:.09em}
/* flowing dashed connectors */
.archsvg .eg{stroke:#C79ACB;stroke-width:2;stroke-dasharray:7 5;animation:flow 1.1s linear infinite}
.archsvg .et{stroke:#2FC4A9;stroke-width:2.2;stroke-dasharray:8 5;animation:flow 1.35s linear infinite}
.archsvg .eb{stroke:#7E9BF5;stroke-width:2.2;stroke-dasharray:8 5;animation:flow 1.35s linear infinite}
@keyframes flow{to{stroke-dashoffset:-24}}
.archsvg .lt{fill:#189B85}
.archsvg .lb{fill:#4C6BD8}
@media (prefers-reduced-motion:reduce){
  .archsvg .eg,.archsvg .et,.archsvg .eb,.kpi::after,.kpi{animation:none}
}

/* ───────── chrome ───────── */
#bar{position:fixed;top:0;left:0;height:4px;z-index:50;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#A98BFF,#FF7FA8 45%,#FF9E64 80%,#FFC46B);
  background-size:220% 100%;animation:hue 5s ease-in-out infinite;
  box-shadow:0 0 14px rgba(255,127,168,.6);transition:width .5s cubic-bezier(.2,.8,.25,1)}
#dots{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:50}
#dots button{width:8px;height:8px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:rgba(160,120,175,.35);transition:.28s cubic-bezier(.2,.8,.25,1)}
#dots button:hover{background:var(--pink);transform:scale(1.25)}
#dots button.on{width:26px;border-radius:5px;background:var(--grad);box-shadow:0 2px 10px rgba(255,127,168,.5)}
#pagenum{position:fixed;bottom:15px;right:22px;font-size:10.5px;color:var(--muted);
  font-family:ui-monospace,Menlo,monospace;z-index:50;letter-spacing:.06em}
#hint{position:fixed;bottom:15px;left:22px;font-size:10.5px;color:var(--muted);z-index:50}
#hint kbd{font-family:ui-monospace,Menlo,monospace;background:rgba(255,255,255,.9);
  border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1.5px 6px;font-size:9.5px;color:#7A4A8F}
.fsbtn{display:inline-flex;align-items:center;gap:8px;color:#fff;border:0;border-radius:100px;
  padding:13px 24px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;
  background:var(--grad);background-size:200% 100%;box-shadow:0 10px 26px rgba(255,127,168,.42);
  transition:transform .25s,box-shadow .25s,background-position .5s}
.fsbtn:hover{transform:translateY(-3px) scale(1.02);background-position:100% 50%;
  box-shadow:0 16px 34px rgba(255,127,168,.5)}
/* 전체화면(F)에서는 슬라이드 기하를 바꾸지 않는다 — 브라우저 크롬만 사라진다.
   이 덱은 "고정 카드 + px 폰트" 모델이다. :fullscreen 에서 카드를 100vw/100vh 로
   늘리면 카드만 +50% 커지고 px 폰트는 그대로여서 레이아웃이 깨진다.
   두 모드에 서로 다른 레이아웃 모델을 섞지 말 것. 자세히: references/pitfalls.md #7 */

@media (max-width:900px){
  .slide{padding:26px 22px 52px;border-radius:18px}
  .cover h1{font-size:33px}h1.title{font-size:23px}
  .cards.c3,.cards.c4{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .gview{grid-template-columns:1fr}
}

/* ───────── cover: top badges + presenter ───────── */
.cover .toprow{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.cover .kicker.alt{background:rgba(255,255,255,.82);color:#7A4A8F;border:1px solid var(--line);
  box-shadow:var(--sh-s);animation:none;font-weight:700;letter-spacing:.13em}
.presenter{display:flex;align-items:center;gap:13px;margin-top:30px}
.presenter::before{content:"";width:4px;align-self:stretch;min-height:42px;border-radius:3px;
  background:var(--grad);background-size:100% 220%;animation:hue 6s ease-in-out infinite;flex:0 0 auto}
.pname{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--ink);line-height:1.2}
.prole{font-size:12.5px;font-weight:700;margin-top:4px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prole span{opacity:.55}

/* ───────── summary slide: compact pipeline strip ───────── */
.pipe{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}
.pstep{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
  background:var(--card);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:11px 7px;
  box-shadow:var(--sh-s);transition:transform .28s cubic-bezier(.2,.8,.25,1)}
.pstep:hover{transform:translateY(-4px)}
.pstep img{width:30px;height:30px;padding:3px;border-radius:9px;background:#fff;box-shadow:var(--sh-s)}
.pstep b{font-size:11px;font-weight:800;color:var(--ink);text-align:center;line-height:1.25}
.pstep span{font-size:9.5px;color:var(--muted);text-align:center;line-height:1.3}
.pstep.hi{background:linear-gradient(135deg,rgba(255,226,236,.9),rgba(255,235,215,.85));
  border-color:rgba(255,127,168,.45)}
.pstep.ai{background:linear-gradient(135deg,rgba(207,243,234,.9),rgba(216,236,255,.85));
  border-color:rgba(63,208,182,.45)}
.parw{flex:0 0 auto;font-style:normal;font-size:14px;color:var(--pink);opacity:.75;
  animation:nudge 1.8s ease-in-out infinite}
.parw.loop{color:var(--mint);font-size:16px;animation:pulse 1.8s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.22);opacity:1}}

/* ───────── thank-you slide ───────── */
.thanks{justify-content:center;text-align:center;align-items:center}
.thanks .tstrip{display:flex;gap:11px;justify-content:center;margin-bottom:26px}
.thanks .tstrip img{width:36px;height:36px;padding:5px;border-radius:12px;background:rgba(255,255,255,.92);
  box-shadow:var(--sh-s);animation:floaty 5s ease-in-out infinite}
.thanks .tstrip img:nth-child(2){animation-delay:.3s}.thanks .tstrip img:nth-child(3){animation-delay:.6s}
.thanks .tstrip img:nth-child(4){animation-delay:.9s}.thanks .tstrip img:nth-child(5){animation-delay:1.2s}
.thanks .tstrip img:nth-child(6){animation-delay:1.5s}
.thanks .tbig{font-size:62px;font-weight:800;letter-spacing:-.04em;line-height:1.08;
  background:var(--grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent;animation:hue 7s ease-in-out infinite}
.thanks .tlead{font-size:14.5px;color:var(--ink-s);line-height:1.85;margin-top:20px;max-width:82ch}
.thanks .tlead b{color:var(--ink)}
.thanks .tnext{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.thanks .tpres{margin-top:32px;justify-content:center;text-align:left}
.thanks .tfoot{margin-top:22px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#fff;
  background:var(--grad);padding:7px 15px;border-radius:100px;box-shadow:0 6px 18px rgba(255,127,168,.34)}
@media (max-width:900px){
  .pipe{flex-wrap:wrap}.pstep{flex:1 1 40%}.thanks .tbig{font-size:40px}
}