.professional-benefit-visual{position:relative;display:grid;width:min(100%,19rem);min-width:0;aspect-ratio:1;place-items:center;color:var(--tnpee-ink);font-family:inherit}.professional-benefit-visual--expanded{width:min(100%,31rem);min-height:clamp(19rem,38vw,26rem);aspect-ratio:auto}.professional-benefit-visual small{font-size:.55rem;font-weight:850;letter-spacing:.1em}.professional-benefit-visual--expanded small{font-size:clamp(.58rem,1.2vw,.68rem)}.professional-visual__aba-target,.professional-visual__trial-board,.professional-visual__task-analysis,.professional-visual__minimal-pairs,.professional-visual__elicitation,.professional-visual__communication{width:100%}.professional-visual__aba-target{display:grid;gap:.65rem}.professional-visual__field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.professional-visual__field-row span{border:1px solid color-mix(in srgb,var(--tnpee-brand) 28%,var(--tnpee-border));border-radius:999px;background:var(--tnpee-brand-soft);color:var(--tnpee-brand-strong);padding:.45rem .25rem;font-size:.52rem;font-weight:850;letter-spacing:.07em;text-align:center}.professional-visual__operational-card{display:grid;gap:.5rem;border:1px solid var(--tnpee-border);border-left:.25rem solid var(--tnpee-brand);border-radius:.75rem;background:var(--tnpee-surface);padding:clamp(.75rem,2vw,1.1rem);box-shadow:0 .8rem 1.8rem #0f172a14}.professional-visual__operational-card small{color:var(--tnpee-brand-strong)}.professional-visual__operational-card strong{font-size:clamp(.78rem,1.7vw,1.05rem)}.professional-visual__operational-card span{color:var(--tnpee-muted);font-size:.66rem;font-weight:750}.professional-visual__operational-card i{display:inline-block;width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--tnpee-accent);vertical-align:-.06rem}.professional-visual__criterion{height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--tnpee-brand),var(--tnpee-accent));transform-origin:left}.professional-visual__criterion-labels{display:flex;justify-content:space-between;color:var(--tnpee-muted);font-size:.56rem;font-weight:750}.professional-visual__prompt-ladder{position:relative;display:grid;width:100%;gap:.45rem;padding-left:1.25rem}.professional-visual__prompt-ladder>div{display:grid;min-height:2.4rem;grid-template-columns:2.1rem 1fr;align-items:center;border:1px solid var(--tnpee-border);border-radius:.55rem;background:var(--tnpee-surface);box-shadow:0 .5rem 1rem #0f172a0d}.professional-visual__prompt-ladder>div:nth-child(1){width:100%}.professional-visual__prompt-ladder>div:nth-child(2){width:88%}.professional-visual__prompt-ladder>div:nth-child(3){width:76%}.professional-visual__prompt-ladder>div:nth-child(4){width:64%;border-color:color-mix(in srgb,var(--tnpee-accent) 45%,var(--tnpee-border))}.professional-visual__prompt-ladder>div span{color:var(--tnpee-muted);font-size:.55rem;font-weight:850;text-align:center}.professional-visual__prompt-ladder>div strong{font-size:clamp(.62rem,1.4vw,.78rem)}.professional-visual__prompt-ladder>i{position:absolute;left:0;width:.7rem;aspect-ratio:1;border:.15rem solid var(--tnpee-surface);border-radius:50%;background:var(--tnpee-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--tnpee-accent) 20%,transparent)}.professional-visual__prompt-ladder>small{position:absolute;right:0;bottom:-1.15rem;color:var(--tnpee-brand-strong)}.professional-visual__trial-board{overflow:hidden;border:1px solid var(--tnpee-border);border-radius:.8rem;background:var(--tnpee-surface);box-shadow:0 .8rem 2rem #0f172a12}.professional-visual__trial-board header,.professional-visual__trial-board footer{display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem}.professional-visual__trial-board header{border-bottom:1px solid var(--tnpee-border);color:var(--tnpee-brand-strong);font-size:.55rem;letter-spacing:.08em}.professional-visual__trial-board>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.75rem}.professional-visual__trial{display:grid;aspect-ratio:1.3;place-items:center;border-radius:.35rem;font-size:.62rem;font-weight:900}.professional-visual__trial--success{background:color-mix(in srgb,var(--tnpee-accent) 16%,var(--tnpee-surface));color:#047857}.professional-visual__trial--prompt{background:#fff7df;color:#a16207}.professional-visual__trial--error{background:#fff1f2;color:#be123c}.professional-visual__trial-board footer{border-top:1px solid var(--tnpee-border);color:var(--tnpee-muted);font-size:.58rem}.professional-visual__trial-board footer strong{color:var(--tnpee-brand-strong);font-size:.78rem}.professional-visual__task-analysis{display:grid;gap:.4rem}.professional-visual__task-analysis header{display:grid;gap:.2rem;margin-bottom:.25rem;color:var(--tnpee-brand-strong)}.professional-visual__task-analysis header strong{color:var(--tnpee-ink);font-size:clamp(.74rem,1.6vw,.98rem)}.professional-visual__task-analysis>div{display:grid;min-height:2.4rem;grid-template-columns:1.45rem 1.65rem 1fr;gap:.35rem;align-items:center;border:1px solid var(--tnpee-border);border-radius:.55rem;background:var(--tnpee-surface);padding:.35rem .55rem}.professional-visual__task-analysis>div i{display:grid;width:1.15rem;aspect-ratio:1;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--tnpee-accent) 18%,var(--tnpee-surface));color:var(--tnpee-accent);font-size:.65rem;font-style:normal;font-weight:900}.professional-visual__task-analysis>div span{color:var(--tnpee-muted);font-size:.55rem;font-weight:800}.professional-visual__task-analysis>div strong{font-size:clamp(.6rem,1.35vw,.76rem)}.professional-visual__peo-fit{position:relative;width:100%;aspect-ratio:1}.professional-visual__peo{position:absolute;display:grid;width:56%;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--tnpee-brand) 45%,transparent);border-radius:50%;background:color-mix(in srgb,var(--tnpee-brand-soft) 72%,transparent);color:var(--tnpee-brand-strong);font-size:.55rem;font-weight:850;letter-spacing:.05em}.professional-visual__peo--person{top:4%;left:5%}.professional-visual__peo--occupation{top:4%;right:5%}.professional-visual__peo--environment{right:22%;bottom:11%;border-color:color-mix(in srgb,var(--tnpee-accent) 48%,transparent);background:color-mix(in srgb,var(--tnpee-accent) 12%,transparent)}.professional-visual__peo-fit>strong{position:absolute;z-index:2;top:43%;left:50%;display:grid;width:2.7rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--tnpee-surface);color:var(--tnpee-brand-strong);box-shadow:0 .7rem 1.5rem #0f172a24;transform:translate(-50%,-50%);font-size:.65rem}.professional-visual__adaptation{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:.3rem}.professional-visual__adaptation span{border:1px solid var(--tnpee-border);border-radius:999px;background:var(--tnpee-surface);color:var(--tnpee-muted);padding:.3rem .4rem;font-size:.5rem;font-weight:750}.professional-visual__contexts{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:.4rem}.professional-visual__contexts>div{display:grid;min-width:0;gap:.45rem;justify-items:center;border:1px solid var(--tnpee-border);border-radius:.75rem;background:var(--tnpee-surface);padding:.7rem .4rem}.professional-visual__contexts>div>span{display:grid;width:2.1rem;aspect-ratio:1;place-items:center;border-radius:.55rem;background:var(--tnpee-brand-soft);color:var(--tnpee-brand-strong);font-size:.78rem;font-weight:900}.professional-visual__contexts strong{font-size:clamp(.52rem,1.2vw,.68rem)}.professional-visual__contexts i{width:100%;height:.35rem;overflow:hidden;border-radius:999px;background:var(--tnpee-border)}.professional-visual__contexts b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tnpee-brand),var(--tnpee-accent))}.professional-visual__contexts small{color:var(--tnpee-muted);font-size:.48rem;letter-spacing:0;text-align:center}.professional-visual__minimal-pairs{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;gap:.45rem}.professional-visual__phoneme{display:grid;gap:.2rem;justify-items:center;border:1px solid var(--tnpee-border);border-radius:.8rem;background:var(--tnpee-surface);padding:.65rem .35rem;box-shadow:0 .7rem 1.6rem #0f172a12}.professional-visual__phoneme small{color:var(--tnpee-muted)}.professional-visual__phoneme strong{color:var(--tnpee-brand-strong);font-size:clamp(1.35rem,4vw,2.4rem);line-height:1}.professional-visual__phoneme span{font-size:.58rem;font-weight:800}.professional-visual__minimal-pairs svg{width:100%;overflow:visible}.professional-visual__minimal-pairs path{fill:none;stroke:var(--tnpee-brand);stroke-linecap:round;stroke-width:3}.professional-visual__minimal-pairs path+path{stroke:var(--tnpee-accent);stroke-width:2}.professional-visual__elicitation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.35rem}.professional-visual__elicitation>div{display:grid;min-width:0;min-height:7rem;align-content:center;gap:.3rem;border:1px solid var(--tnpee-border);border-radius:.7rem;background:var(--tnpee-surface);padding:.55rem;text-align:center}.professional-visual__elicitation>div span{color:var(--tnpee-brand-strong);font-size:.55rem;font-weight:900}.professional-visual__elicitation>div small{color:var(--tnpee-muted);font-size:.45rem;overflow-wrap:anywhere}.professional-visual__elicitation>div strong{font-size:clamp(.62rem,1.5vw,.82rem)}.professional-visual__elicitation>i{width:.8rem;height:.15rem;border-radius:999px;background:var(--tnpee-accent);transform-origin:left}.professional-visual__communication{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.professional-visual__communication>div{position:relative;z-index:1;display:grid;gap:.5rem;justify-items:center}.professional-visual__communication>div small{color:var(--tnpee-brand-strong)}.professional-visual__bubble{position:relative;display:flex;width:min(100%,4.3rem);min-height:3.25rem;gap:.25rem;align-items:center;justify-content:center;border:1px solid var(--tnpee-border);border-radius:1rem 1rem 1rem .25rem;background:var(--tnpee-surface);box-shadow:0 .7rem 1.4rem #0f172a12}.professional-visual__bubble--reply{border-radius:1rem 1rem .25rem;background:var(--tnpee-brand-soft)}.professional-visual__bubble i{width:.35rem;aspect-ratio:1;border-radius:50%;background:var(--tnpee-brand)}.professional-visual__communication strong{color:var(--tnpee-muted);font-size:clamp(.48rem,1.15vw,.62rem);text-align:center}.professional-visual__communication-line{position:absolute;right:12%;bottom:45%;left:12%;height:.12rem;background:linear-gradient(90deg,var(--tnpee-brand),var(--tnpee-accent));transform-origin:left}@container (width < 44rem){.professional-benefit-visual--expanded{min-height:18rem}}@media(prefers-reduced-motion:reduce){.professional-benefit-visual *{animation-duration:.01ms!important}}.tnpee-landing{--tnpee-public-nav-block: 4rem;--tnpee-brand: #4f46e5;--tnpee-brand-strong: #4338ca;--tnpee-brand-soft: #eef2ff;--tnpee-accent: #10b981;--tnpee-ink: #0f172a;--tnpee-muted: #5b6b82;--tnpee-paper: #f8fafc;--tnpee-surface: #ffffff;--tnpee-border: #dbe3ee;--tnpee-hero-panel: #34415f;--tnpee-hero-panel-border: rgb(235 240 255 / 20%);--tnpee-hero-panel-ink: #fdfdff;--tnpee-hero-panel-muted: #e3e9f4;--tnpee-hero-primary: #f4c45e;--tnpee-hero-primary-hover: #ffd477;--tnpee-hero-secondary: #edf4f8;--tnpee-grid-max: 90rem;--tnpee-gutter: clamp(1.25rem, 5vw, 4.75rem);--tnpee-gap: clamp(1rem, 2.2vw, 2rem);--tnpee-shell: min(calc(100% - (2 * var(--tnpee-gutter))), var(--tnpee-grid-max));min-width:0;overflow-x:clip;background:var(--tnpee-paper);color:var(--tnpee-ink);container-type:inline-size}.dark .tnpee-landing{--tnpee-ink: #f8fafc;--tnpee-muted: #cbd5e1;--tnpee-paper: #0f172a;--tnpee-surface: #111827;--tnpee-border: #334155}.tnpee-section-shell{width:var(--tnpee-shell);margin-inline:auto}.tnpee-landing [id]{scroll-margin-top:7rem}.tnpee-landing ul,.tnpee-landing ol,.tnpee-product-scene{margin:0;padding:0;list-style:none}.tnpee-eyebrow,.tnpee-kicker,.tnpee-section-number,.tnpee-facts span,.tnpee-facts dt{margin:0;color:var(--tnpee-brand-strong);font-size:clamp(.65rem,.62rem + .12vw,.72rem);font-weight:850;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.tnpee-section-number,.tnpee-product-scene__count{font-variant-numeric:tabular-nums}.tnpee-hero{position:relative;min-block-size:clamp(40rem,calc(100svh - 4rem),48rem);overflow:hidden;border-bottom:1px solid rgb(79 70 229 / 18%);background:linear-gradient(128deg,#f2f4ff,#e6efff 48%,#d8faf0);isolation:isolate}.dark .tnpee-hero{background:linear-gradient(128deg,#111827,#172554 48%,#064e3b)}.tnpee-hero__field{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 76% 42%,rgb(45 212 191 / 16%),transparent 32%),radial-gradient(circle at 55% 74%,rgb(99 102 241 / 11%),transparent 38%);opacity:.44;pointer-events:none}.tnpee-hero__ballpit{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:1;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,transparent 10%,rgb(0 0 0 / 28%) 32%,#000 58%);mask-image:linear-gradient(90deg,transparent 10%,rgb(0 0 0 / 28%) 32%,#000 58%)}.tnpee-hero__ballpit canvas{display:block;width:100%;height:100%;touch-action:pan-y}.tnpee-hero__field:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,rgb(255 255 255 / 8%),transparent 46%);content:""}.tnpee-hero__inner{position:relative;z-index:2;display:grid;width:var(--tnpee-shell);min-block-size:inherit;margin-inline:auto;grid-template-columns:minmax(20rem,.78fr) minmax(0,1.22fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center;padding-block:clamp(4rem,8vh,6rem) clamp(5rem,10vh,7rem);pointer-events:none}.tnpee-hero__copy{width:min(100%,29.5rem);min-width:0;justify-self:start;overflow:hidden;border:1px solid var(--tnpee-hero-panel-border);border-radius:.875rem;background:var(--tnpee-hero-panel);color:var(--tnpee-hero-panel-ink);padding:clamp(1.75rem,3.6vw,3rem);box-shadow:0 1.5rem 4rem #1f2d4838;pointer-events:auto}.tnpee-hero__copy .tnpee-eyebrow{color:#cbd2ff}.tnpee-hero h1{max-width:13ch;margin:clamp(1rem,2vw,1.35rem) 0 0;font-size:clamp(2.25rem,1.97rem + .95vw,2.85rem);font-weight:850;letter-spacing:-.045em;line-height:1.04;text-wrap:balance}.tnpee-hero__description{max-width:38ch;margin:clamp(1.2rem,2.4vw,1.6rem) 0 0;color:var(--tnpee-hero-panel-muted);font-size:clamp(.94rem,.9rem + .18vw,1.05rem);line-height:1.58;text-wrap:pretty}.tnpee-actions,.tnpee-final__actions{display:flex;flex-wrap:wrap;gap:.75rem}.tnpee-actions{flex-direction:column;margin-top:clamp(1.5rem,3vw,2rem)}.tnpee-cta{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.75rem;border:1px solid transparent;border-radius:.25rem;padding:.8rem 1.15rem;font-size:.8rem;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgb(79 70 229 / 18%);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.tnpee-cta svg,.tnpee-resource-list__arrow svg{width:1rem;height:1rem;flex:none}.tnpee-cta svg{transition:transform .16s cubic-bezier(.16,1,.3,1)}.tnpee-cta:hover{transform:translateY(-2px)}.tnpee-cta:hover svg{transform:translate(.2rem)}.tnpee-cta:active{transform:translateY(1px) scale(.985)}.tnpee-cta--primary{border-color:var(--tnpee-hero-primary);background:var(--tnpee-hero-primary);color:#182238}.tnpee-cta--primary:hover{border-color:var(--tnpee-hero-primary-hover);background:var(--tnpee-hero-primary-hover);color:#182238}.tnpee-cta--secondary{border-color:#d8e5ee;background:var(--tnpee-hero-secondary);color:#24324b}.tnpee-cta--secondary:hover{border-color:#fff;background:#fff;color:#182238}.tnpee-cta--inverse{border-color:#94a3b8;color:#fff}.tnpee-cta--inverse:hover{border-color:#fff;background:#fff;color:#0f172a}.tnpee-cta:focus-visible,.tnpee-resource-list a:focus-visible,.tnpee-product-scene__tabs button:focus-visible{outline:3px solid var(--tnpee-brand);outline-offset:4px}.tnpee-hero__stage{width:min(100%,70rem);min-width:0;justify-self:center}.tnpee-product-scene{overflow:hidden;border:1px solid rgb(255 255 255 / 76%);background:#ffffffb3;box-shadow:0 1.5rem 4rem #1e40af24;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.tnpee-product-scene__bar{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(79 70 229 / 16%);padding-inline:1rem;color:#273449;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.tnpee-product-scene__viewport{position:relative;overflow:hidden;aspect-ratio:1.54 / 1;background:#f4f7fb}.tnpee-product-scene__viewport img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.tnpee-product-scene__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgb(79 70 229 / 12%)}.tnpee-product-scene__tabs button{position:relative;min-width:0;min-height:3rem;border:0;background:transparent;color:#64748b;cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;touch-action:manipulation;transition:background-color .16s ease,color .16s ease}.tnpee-product-scene__tabs button+button{border-left:1px solid rgb(79 70 229 / 12%)}.tnpee-product-scene__tabs button:hover{background:#ffffffad;color:var(--tnpee-brand-strong)}.tnpee-product-scene__tabs button[aria-pressed=true]{color:var(--tnpee-brand-strong)}.tnpee-product-scene__active{position:absolute;right:.7rem;bottom:0;left:.7rem;height:.18rem;background:var(--tnpee-brand);transform-origin:center}.tnpee-facts{position:relative;display:grid;grid-template-columns:minmax(18rem,1.15fr) minmax(0,1fr);gap:clamp(.75rem,1.8vw,1.4rem);overflow:hidden;border:1px solid var(--tnpee-border);margin-block:clamp(1rem,2vw,1.5rem);padding:clamp(.75rem,1.8vw,1.25rem);background-color:var(--tnpee-surface);background-image:linear-gradient(color-mix(in srgb,var(--tnpee-brand) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tnpee-brand) 6%,transparent) 1px,transparent 1px);background-size:clamp(2.5rem,5vw,4.5rem) clamp(2.5rem,5vw,4.5rem)}.tnpee-facts:after{position:absolute;inset:auto -7rem -9rem auto;width:18rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tnpee-brand) 14%,transparent);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in srgb,var(--tnpee-brand) 4%,transparent),0 0 0 6rem color-mix(in srgb,var(--tnpee-accent) 3%,transparent);content:"";pointer-events:none}.tnpee-facts__audience,.tnpee-facts dl>div{position:relative;z-index:1;display:grid}.tnpee-facts__audience{min-width:0;min-height:clamp(8.5rem,15vw,10.5rem);gap:clamp(1.25rem,3vw,2.2rem);align-content:space-between;padding:clamp(1.2rem,2.6vw,2rem);border-left:.3rem solid var(--tnpee-brand);background:#0f172a;color:#fff}.tnpee-facts__audience-meta{display:flex;gap:1rem;align-items:center;justify-content:space-between}.tnpee-facts__audience-meta span{color:color-mix(in srgb,var(--tnpee-brand) 46%,white)}.tnpee-facts__audience-meta small{color:#94a3b8;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tnpee-facts__audience strong{max-width:40ch;font-size:clamp(1rem,.92rem + .35vw,1.25rem);letter-spacing:-.02em;line-height:1.38;text-wrap:balance}.tnpee-facts__signal{display:grid;grid-template-columns:1.45fr 1fr .65fr;gap:.3rem;width:min(100%,13rem)}.tnpee-facts__signal i{height:.18rem;background:var(--tnpee-brand)}.tnpee-facts__signal i:nth-child(2){background:color-mix(in srgb,var(--tnpee-brand) 62%,white)}.tnpee-facts__signal i:nth-child(3){background:var(--tnpee-accent)}.tnpee-facts dl{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;border:1px solid var(--tnpee-border);background:#ffffffe0}.dark .tnpee-facts dl{background:#111827e0}.tnpee-facts dl>div{grid-template-rows:auto 1fr;gap:clamp(1.1rem,2vw,1.8rem);align-content:space-between;min-width:0;padding:clamp(1rem,2.2vw,1.5rem)}.tnpee-facts dl>div+div{border-left:1px solid var(--tnpee-border)}.tnpee-facts dl>div>div{display:grid;gap:.35rem;align-content:end;min-width:0}.tnpee-facts__index{width:-moz-max-content;width:max-content;color:var(--tnpee-brand-strong);font-size:.7rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.12em}.tnpee-facts__index:after{display:inline-block;width:clamp(1rem,2vw,2.25rem);height:1px;margin-left:.55rem;background:var(--tnpee-border);vertical-align:middle;content:""}.tnpee-facts dd{margin:0;overflow-wrap:anywhere;font-size:clamp(.75rem,.7rem + .15vw,.84rem);font-weight:850;line-height:1.35}.tnpee-essentials{width:var(--tnpee-shell);margin-inline:auto;padding-block:clamp(5rem,9vw,8rem)}.tnpee-essentials__heading{display:grid;grid-template-columns:minmax(0,.65fr) minmax(16rem,1.35fr) minmax(16rem,.8fr);gap:var(--tnpee-gap);align-items:end;border-bottom:1px solid var(--tnpee-border);padding-bottom:clamp(1.5rem,3vw,2.5rem)}.tnpee-essentials__heading h2,.tnpee-workflow__intro h2,.tnpee-final h2{margin:0;font-size:clamp(2rem,1.65rem + 1.4vw,3rem);font-weight:850;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.tnpee-essentials__heading h2{max-width:15ch;margin-top:.8rem}.tnpee-essentials__heading .tnpee-kicker{margin:0}.tnpee-essentials__intro{max-width:34ch;margin:0;color:var(--tnpee-muted);font-size:clamp(.9rem,.86rem + .16vw,1rem);line-height:1.55;text-wrap:pretty}.tnpee-benefit-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tnpee-gap);margin-top:clamp(2rem,4vw,3.5rem)}.tnpee-benefit-card{position:relative;display:grid;min-width:0;min-height:clamp(25rem,35vw,34rem);grid-template-rows:auto minmax(12rem,1fr) auto;gap:clamp(1rem,2vw,1.5rem);overflow:hidden;border:1px solid var(--tnpee-border);border-radius:clamp(1rem,1.5vw,1.5rem);background:var(--tnpee-surface);color:var(--tnpee-ink);padding:clamp(1rem,2.4vw,1.75rem);text-align:left;cursor:pointer;isolation:isolate;transition:border-color .18s ease,box-shadow .18s ease}.tnpee-benefit-card:hover{border-color:color-mix(in srgb,var(--tnpee-brand) 42%,transparent);box-shadow:0 1.5rem 3rem #0f172a1a}.tnpee-benefit-card:focus-visible,.tnpee-benefit-dialog__close:focus-visible,.tnpee-benefit-dialog__action:focus-visible{outline:3px solid color-mix(in srgb,var(--tnpee-brand) 36%,transparent);outline-offset:4px}.tnpee-benefit-card__topline{display:flex;justify-content:space-between;align-items:center;color:var(--tnpee-muted);font-size:.68rem;font-weight:850;letter-spacing:.12em}.tnpee-benefit-card__icon{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--tnpee-brand-soft);color:var(--tnpee-brand-strong)}.tnpee-benefit-card__icon svg,.tnpee-benefit-card__open svg{width:1.1rem;height:1.1rem}.tnpee-benefit-card__visual,.tnpee-benefit-dialog__visual{display:grid;min-height:0;place-items:center}.tnpee-benefit-card__copy{display:grid;gap:.55rem;padding-right:2rem}.tnpee-benefit-card__copy small{color:var(--tnpee-brand-strong);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.tnpee-benefit-card__copy h3{margin:0;font-size:clamp(1.25rem,1.02rem + .8vw,1.8rem);font-weight:850;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.tnpee-benefit-card__open{position:absolute;right:clamp(1rem,2vw,1.5rem);bottom:clamp(1rem,2vw,1.5rem);display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border:1px solid var(--tnpee-border);border-radius:50%;background:var(--tnpee-surface);color:var(--tnpee-brand-strong)}.tnpee-benefit-visual{position:relative;width:min(100%,17rem);aspect-ratio:1}.tnpee-benefit-visual--target{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--tnpee-brand) 0 6%,transparent 6.5%)}.tnpee-benefit-visual--target span{position:absolute;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tnpee-brand) 34%,transparent);border-radius:50%}.tnpee-benefit-visual--target span:nth-child(1){width:35%;border-color:color-mix(in srgb,var(--tnpee-brand) 52%,transparent)}.tnpee-benefit-visual--target span:nth-child(2){width:56%;border-color:color-mix(in srgb,var(--tnpee-brand) 42%,transparent)}.tnpee-benefit-visual--target span:nth-child(3){width:77%}.tnpee-benefit-visual--target i{position:absolute;right:19%;top:26%;width:1rem;aspect-ratio:1;border:.2rem solid var(--tnpee-surface);border-radius:50%;background:var(--tnpee-accent);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--tnpee-accent) 17%,transparent)}.tnpee-benefit-visual--stack{transform-style:preserve-3d}.tnpee-benefit-visual--stack span{position:absolute;top:14%;right:8%;bottom:14%;left:8%;border:1px solid color-mix(in srgb,var(--tnpee-brand) 22%,transparent);border-radius:1.25rem;background:var(--tnpee-surface);box-shadow:0 1rem 2rem #0f172a14}.tnpee-benefit-visual--stack span:nth-child(1){transform:translate(-8%,9%) rotate(-7deg)}.tnpee-benefit-visual--stack span:nth-child(2){transform:translate(7%,3%) rotate(6deg)}.tnpee-benefit-visual--stack span:nth-child(3){background:linear-gradient(90deg,var(--tnpee-brand) 0 28%,transparent 28%) 1.1rem 1.1rem / 60% .45rem no-repeat,linear-gradient(#5b6b822e 0,#5b6b822e 0) 1.1rem 2.3rem / 72% .35rem no-repeat,linear-gradient(#5b6b821f 0,#5b6b821f 0) 1.1rem 3.1rem / 52% .35rem no-repeat,var(--tnpee-surface)}.tnpee-benefit-visual--stack i{position:absolute;right:13%;bottom:15%;z-index:2;border-radius:999px;background:var(--tnpee-accent);color:#fff;padding:.45rem .7rem;font-size:.64rem;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tnpee-benefit-visual--trend{display:grid;align-items:center;border-radius:1.25rem;background-image:linear-gradient(color-mix(in srgb,var(--tnpee-brand) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tnpee-brand) 9%,transparent) 1px,transparent 1px);background-size:25% 25%}.tnpee-benefit-visual--trend svg{width:100%;height:60%;overflow:visible}.tnpee-benefit-visual--trend path{fill:none;stroke:var(--tnpee-brand);stroke-linecap:round;stroke-width:4}.tnpee-benefit-visual--trend circle{fill:var(--tnpee-surface);stroke:var(--tnpee-accent);stroke-width:4}.tnpee-benefit-dialog{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;background:#0f172ab8;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.tnpee-benefit-dialog__card{position:relative;display:grid;width:min(68rem,calc(100vw - 2rem));max-height:calc(100svh - 2rem);grid-template-columns:minmax(15rem,.78fr) minmax(20rem,1.22fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;overflow-x:hidden;overflow-y:auto;border:1px solid rgb(255 255 255 / 36%);border-radius:clamp(1.25rem,2vw,2rem);background:var(--tnpee-surface);color:var(--tnpee-ink);padding:clamp(1.5rem,5vw,4.5rem);box-shadow:0 2rem 6rem #0f172a52}.tnpee-benefit-dialog__close{position:absolute;z-index:3;top:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);display:grid;width:2.75rem;aspect-ratio:1;place-items:center;border:1px solid var(--tnpee-border);border-radius:50%;background:var(--tnpee-surface);color:var(--tnpee-ink);cursor:pointer}.tnpee-benefit-dialog__close svg{width:1.15rem;height:1.15rem}.tnpee-benefit-dialog__content h3{margin:.75rem 0 0;font-size:clamp(1.65rem,1.25rem + 1.4vw,2.75rem);font-weight:850;letter-spacing:-.05em;line-height:1.03;text-wrap:balance}.tnpee-benefit-dialog__content>p:not(.tnpee-kicker){max-width:38ch;margin:1.25rem 0 0;color:var(--tnpee-muted);font-size:clamp(.95rem,.88rem + .3vw,1.12rem);line-height:1.6}.tnpee-benefit-dialog__action{display:inline-flex;min-height:3rem;gap:.75rem;align-items:center;justify-content:center;margin-top:1.75rem;border-radius:.4rem;background:var(--tnpee-brand);color:#fff;padding:.8rem 1rem;font-size:.8rem;font-weight:850;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.tnpee-benefit-dialog__action:hover{background:var(--tnpee-brand-strong);transform:translateY(-2px)}.tnpee-benefit-dialog__action svg{width:1rem;height:1rem}.tnpee-benefit-dialog__visual{min-width:0}.tnpee-benefit-dialog__visual>*{width:min(100%,31rem)}.tnpee-detail-morph{position:relative;display:grid;min-height:clamp(20rem,42vw,27rem);grid-template-columns:minmax(5.5rem,.7fr) minmax(10rem,1.25fr) minmax(5.5rem,.7fr);align-items:center;overflow:hidden;border:1px solid var(--tnpee-border);border-radius:1.25rem;background:var(--tnpee-paper);padding:clamp(1rem,2vw,1.5rem)}.tnpee-detail-morph:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(79 70 229 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(79 70 229 / 7%) 1px,transparent 1px);background-size:3rem 3rem;content:"";pointer-events:none}.tnpee-detail-morph__signals{z-index:1;display:grid;gap:.65rem}.tnpee-detail-morph__signals span,.tnpee-detail-morph__result{border:1px solid var(--tnpee-border);border-radius:999px;background:var(--tnpee-surface);color:var(--tnpee-muted);padding:.55rem .7rem;font-size:.64rem;font-weight:800;text-align:center}.tnpee-detail-morph svg{position:relative;z-index:1;width:100%;overflow:visible}.tnpee-detail-morph svg path{fill:#4f46e51a;stroke:var(--tnpee-brand);stroke-width:2}.tnpee-detail-morph svg circle{fill:var(--tnpee-brand);transform-box:fill-box;transform-origin:center}.tnpee-detail-morph__result{position:relative;z-index:1;display:grid;gap:.18rem;border-color:#10b98159;color:#047857}.tnpee-detail-morph__result strong{color:var(--tnpee-ink);font-size:.75rem}.tnpee-detail-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.4rem,1vw,.8rem);min-height:clamp(20rem,42vw,27rem);border:1px solid var(--tnpee-border);border-radius:1.25rem;background:linear-gradient(rgb(79 70 229 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(79 70 229 / 6%) 1px,transparent 1px),var(--tnpee-paper);background-size:3rem 3rem;padding:clamp(1rem,2vw,1.5rem)}.tnpee-detail-flow__step{position:relative;display:grid;min-width:0;min-height:8.5rem;align-content:center;gap:.45rem;border:1px solid var(--tnpee-border);border-radius:1rem;background:var(--tnpee-surface);padding:.9rem;box-shadow:0 .8rem 1.8rem #0f172a12}.tnpee-detail-flow__step small{color:var(--tnpee-brand-strong);font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.tnpee-detail-flow__step strong{overflow-wrap:anywhere;font-size:clamp(.72rem,1.3vw,.92rem);line-height:1.2}.tnpee-detail-flow__step--3{border-color:#10b98159;background:#ecfdf5db}.dark .tnpee-detail-flow__step--3{background:#064e3b57}.tnpee-detail-flow__step>svg{position:absolute;top:.6rem;right:.6rem;width:1rem;color:#059669}.tnpee-detail-flow__arrow{display:grid;place-items:center;color:var(--tnpee-brand);transform-origin:left center}.tnpee-detail-flow__arrow svg{width:1rem;height:1rem}.tnpee-detail-graph{position:relative;min-height:clamp(20rem,42vw,27rem);overflow:hidden;border:1px solid var(--tnpee-border);border-radius:1.25rem;background:var(--tnpee-paper);padding:clamp(1rem,2vw,1.5rem)}.tnpee-detail-graph__legend{display:inline-flex;border-radius:999px;background:var(--tnpee-brand-soft);color:var(--tnpee-brand-strong);padding:.45rem .7rem;font-size:.62rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.tnpee-detail-graph svg{width:100%;margin-top:clamp(1.5rem,4vw,3rem);overflow:visible}.tnpee-detail-graph__grid{fill:none;stroke:#5b6b8229;stroke-width:1}.tnpee-detail-graph__baseline{fill:none;stroke:var(--tnpee-accent);stroke-dasharray:5 6;stroke-width:1.5}.tnpee-detail-graph__line{fill:none;stroke:var(--tnpee-brand);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.tnpee-detail-graph__point{fill:var(--tnpee-surface);stroke:var(--tnpee-brand);stroke-width:3;transform-box:fill-box;transform-origin:center}.tnpee-detail-graph__footer{display:flex;justify-content:space-between;gap:.75rem;align-items:center;color:var(--tnpee-muted);font-size:.6rem}.tnpee-detail-graph__footer strong{color:#047857;font-size:.68rem}.tnpee-workflow{--tnpee-workflow-grid: clamp(2.75rem, 4.5cqi, 4.5rem);position:relative;overflow:clip;background:#0f172a;color:#fff;isolation:isolate;padding-block:clamp(5rem,9vw,8rem)}.tnpee-workflow:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--tnpee-brand) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tnpee-brand) 18%,transparent) 1px,transparent 1px);background-position:center top;background-size:var(--tnpee-workflow-grid) var(--tnpee-workflow-grid);content:"";-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 86%) 8%,#000 26%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 86%) 8%,#000 26%,#000 82%,transparent 100%);pointer-events:none}.tnpee-workflow__intro,.tnpee-workflow__story{position:relative;z-index:1;display:grid;width:var(--tnpee-shell);margin-inline:auto;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:var(--tnpee-gap);column-gap:var(--tnpee-gap)}.tnpee-workflow__intro{align-items:start;padding-bottom:clamp(3rem,6vw,5rem)}.tnpee-workflow__intro>.tnpee-section-number{grid-column:1 / 3;color:color-mix(in srgb,var(--tnpee-brand) 46%,white)}.tnpee-workflow__intro>div{grid-column:3 / 9}.tnpee-workflow__intro .tnpee-kicker{margin-bottom:.75rem;color:color-mix(in srgb,var(--tnpee-brand) 46%,white)}.tnpee-workflow__intro h2{max-width:14ch}.tnpee-workflow__intro>p:last-child{max-width:34ch;grid-column:9 / -1;margin:1.9rem 0 0;color:#aebbd0;font-size:.95rem;line-height:1.6;text-wrap:pretty}.tnpee-workflow__story{align-items:start}.tnpee-workflow__steps{min-width:0;grid-column:1 / 5}.tnpee-story-step{display:grid;min-height:clamp(12rem,30vh,18rem);grid-template-columns:auto minmax(0,1fr);gap:.85rem 1rem;align-content:center;border-top:1px solid rgb(255 255 255 / 14%);padding-block:clamp(1.75rem,4vw,3rem)}.tnpee-story-step__index,.tnpee-story-step__label{color:color-mix(in srgb,var(--tnpee-brand) 46%,white);font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.tnpee-story-step__index{display:none;font-variant-numeric:tabular-nums}.tnpee-story-step__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;background:var(--tnpee-brand)}.tnpee-story-step__icon svg{width:1.1rem;height:1.1rem}.tnpee-story-step__label{margin:0 0 .5rem}.tnpee-story-step h3{max-width:20ch;margin:0;font-size:clamp(1.25rem,1.1rem + .6vw,1.65rem);font-weight:850;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}.tnpee-story-step div>p:last-child{max-width:31ch;margin:.7rem 0 0;color:#aebbd0;font-size:.88rem;line-height:1.5}.tnpee-workflow__stage{position:sticky;top:clamp(5rem,10vh,7rem);height:min(72svh,42rem);min-height:30rem;min-width:0;grid-column:5 / -1;overflow:hidden;border:1px solid rgb(255 255 255 / 16%);background:#111827}.tnpee-workflow__stage-bar{position:relative;z-index:5;display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(255 255 255 / 12%);padding-inline:1rem;color:#aebbd0;font-size:.66rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.tnpee-workflow__progress{position:relative;z-index:5;height:.18rem;background:#ffffff1a}.tnpee-workflow__progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--tnpee-brand),var(--tnpee-accent));transform-origin:left center}.tnpee-workflow__screens{position:absolute;top:2.93rem;right:0;bottom:0;left:0;overflow:hidden}.tnpee-workflow-scene{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;transform-origin:center}.tnpee-workflow-scene img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top;background:#f4f7fb}.tnpee-workflow-scene figcaption{position:absolute;top:1rem;left:1rem;display:inline-grid;min-height:2.5rem;grid-template-columns:2.5rem auto;align-items:center;border:1px solid rgb(15 23 42 / 14%);background:#fffffff0;color:#0f172a;box-shadow:0 .8rem 2rem #0f172a1f}.tnpee-workflow-scene figcaption span{display:grid;height:100%;place-items:center;background:var(--tnpee-brand);color:#fff;font-size:.66rem;font-variant-numeric:tabular-nums}.tnpee-workflow-scene figcaption strong{padding-inline:.8rem;font-size:.75rem}.tnpee-resources{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:var(--tnpee-gap);column-gap:var(--tnpee-gap);padding-block:clamp(5rem,9vw,8rem)}.tnpee-resource-list--tools{grid-column:1 / 9}.tnpee-resource-list--guides{grid-column:9 / -1}.tnpee-resource-list{min-width:0}.tnpee-resource-list__heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:baseline;border-bottom:1px solid var(--tnpee-border);padding-bottom:1.25rem}.tnpee-resource-list h2{margin:0;font-size:clamp(1.7rem,1.45rem + 1vw,2.5rem);font-weight:850;letter-spacing:-.04em;line-height:1.02}.tnpee-resource-list ul{margin-top:1.25rem}.tnpee-resource-list--tools ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.8rem}.tnpee-resource-list li{min-width:0}.tnpee-resource-list a{color:var(--tnpee-ink);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:rgb(79 70 229 / 18%)}.tnpee-resource-list--tools a{position:relative;display:grid;min-height:100%;overflow:hidden;border:1px solid var(--tnpee-border);background:var(--tnpee-surface)}.tnpee-resource-list__media{display:block;overflow:hidden;aspect-ratio:1;border-bottom:1px solid var(--tnpee-border);background:#f1f5f9}.tnpee-resource-list__media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .42s cubic-bezier(.16,1,.3,1)}.tnpee-resource-list__media--catalog{display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5f5,#7c3aedeb);color:#fff}.tnpee-resource-list__catalog-mark{display:grid;justify-items:center;gap:clamp(.55rem,1.2vw,.85rem);font-size:clamp(.72rem,.64rem + .3vw,.9rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tnpee-resource-list__catalog-mark svg{width:clamp(2.6rem,4vw,4rem);height:auto;stroke-width:1.35}.tnpee-resource-list--tools a>span:nth-child(2){min-width:0;padding:.9rem 3.25rem 1rem .9rem}.tnpee-resource-list strong,.tnpee-resource-list small{display:block}.tnpee-resource-list strong{font-size:.9rem;line-height:1.4}.tnpee-resource-list small{margin-top:.2rem;color:var(--tnpee-muted);font-size:.78rem;line-height:1.4}.tnpee-resource-list__arrow{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--tnpee-border);background:var(--tnpee-surface);color:var(--tnpee-brand);transition:background-color .16s ease,color .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.tnpee-resource-list--tools .tnpee-resource-list__arrow{position:absolute;right:.7rem;bottom:.7rem}.tnpee-resource-list--tools a:hover img{transform:scale(1.03)}.tnpee-resource-list a:hover .tnpee-resource-list__arrow{background:var(--tnpee-brand);color:#fff;transform:translate(.2rem)}.tnpee-resource-list--guides li+li{border-top:1px solid var(--tnpee-border)}.tnpee-resource-list--guides a{display:grid;min-height:4.75rem;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding-block:.85rem}.tnpee-resource-list__ordinal{color:var(--tnpee-brand-strong);font-size:.66rem;font-weight:850;font-variant-numeric:tabular-nums}.tnpee-final{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,5vw,4rem);align-items:end;overflow:hidden;margin-top:clamp(3rem,7vw,6rem);margin-bottom:clamp(3rem,7vw,6rem);border-left:.25rem solid var(--tnpee-brand);background:#0f172a;color:#fff;padding:clamp(2rem,4.5vw,4rem)}.tnpee-final:after{position:absolute;right:-8%;bottom:-90%;width:min(34rem,62vw);aspect-ratio:1;border:1px solid rgb(129 140 248 / 28%);border-radius:50%;box-shadow:0 0 0 3rem #4f46e514,0 0 0 6rem #4f46e50d;content:"";pointer-events:none}.tnpee-final>div{position:relative;z-index:1}.tnpee-final .tnpee-kicker{color:#a5b4fc}.tnpee-final h2{max-width:15ch;margin-top:.7rem}.tnpee-final>div>p:last-child{max-width:48ch;margin:1.15rem 0 0;color:#cbd5e1;font-size:.94rem;line-height:1.58;text-wrap:pretty}.tnpee-final__actions{align-self:end}@container (width >= 44rem){.tnpee-actions{flex-direction:row}.tnpee-actions .tnpee-cta{min-width:12rem}}@container (width < 66rem){.tnpee-hero{--tnpee-compact-scene-height: clamp(28rem, max(60svh, 62cqi), 40rem);--tnpee-compact-card-overlap: clamp(4rem, 15cqi, 8rem);display:grid;min-block-size:auto;grid-template-rows:var(--tnpee-compact-scene-height) auto;overflow:visible;border-bottom:0;background:var(--tnpee-paper)}.tnpee-hero__ballpit{position:relative;inset:auto;grid-row:1;min-width:0;height:100%;opacity:1;-webkit-mask-image:none;mask-image:none}.tnpee-hero__field{inset:0 0 auto;block-size:var(--tnpee-compact-scene-height)}.tnpee-hero__inner{grid-row:2;width:min(calc(100% - 3rem),54rem);min-block-size:0;margin-top:calc(-1 * var(--tnpee-compact-card-overlap));grid-template-columns:minmax(0,1fr);gap:0;align-items:start;padding-block:0 clamp(2rem,8cqi,3rem)}.tnpee-hero__copy{width:100%;justify-self:center;padding:clamp(2rem,4cqi,3rem);box-shadow:0 1.5rem 3.5rem #1f2d483d}.tnpee-hero h1{max-width:16ch;font-size:clamp(2.25rem,1.95rem + .6cqi,2.75rem);line-height:1.05}.tnpee-hero__description{max-width:40ch;font-size:clamp(.92rem,.88rem + .1cqi,1rem);line-height:1.55}.tnpee-actions{flex-wrap:wrap;gap:.75rem}.tnpee-hero__stage{width:100%;max-width:none;justify-self:stretch}.tnpee-facts{grid-template-columns:minmax(0,1fr)}.tnpee-essentials__heading,.tnpee-workflow__intro>.tnpee-section-number,.tnpee-workflow__intro>div,.tnpee-workflow__intro>p:last-child,.tnpee-workflow__steps,.tnpee-workflow__stage,.tnpee-resource-list--tools,.tnpee-resource-list--guides{grid-column:1 / -1}.tnpee-essentials,.tnpee-workflow__intro,.tnpee-workflow__story,.tnpee-resources{row-gap:clamp(2rem,6vw,4rem)}.tnpee-essentials__heading{grid-template-columns:minmax(0,.35fr) minmax(0,1.65fr)}.tnpee-essentials__intro{grid-column:2}.tnpee-benefit-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.tnpee-benefit-card:last-child{grid-column:1 / -1;min-height:clamp(20rem,48cqi,27rem)}.tnpee-workflow__intro>p:last-child{margin-top:0}.tnpee-workflow__stage{position:sticky;z-index:3;top:calc(var(--tnpee-public-nav-block) + env(safe-area-inset-top));order:-1;align-self:start;min-height:0;height:auto;aspect-ratio:16 / 10}.tnpee-story-step{min-height:clamp(15rem,48svh,22rem)}.tnpee-resources{-moz-column-gap:var(--tnpee-gap);column-gap:var(--tnpee-gap);row-gap:clamp(4rem,8vw,6rem)}}@container (width < 44rem){.tnpee-hero{--tnpee-compact-scene-height: clamp(27rem, 58svh, 32rem);--tnpee-compact-card-overlap: clamp(3rem, 12cqi, 5rem)}.tnpee-hero__inner{width:min(calc(100% - 2rem),54rem)}.tnpee-hero__copy{padding:clamp(1.5rem,5.5cqi,2.25rem)}.tnpee-hero h1{max-width:15ch;font-size:clamp(2rem,1.72rem + 1.4cqi,2.4rem)}.tnpee-actions,.tnpee-final__actions{display:grid}.tnpee-product-scene__bar span:first-child,.tnpee-workflow__stage-bar span:last-child{display:none}.tnpee-facts{grid-template-columns:1fr;padding:.55rem}.tnpee-facts__audience{min-height:auto;padding:1.15rem}.tnpee-facts dl{grid-template-columns:minmax(0,1fr)}.tnpee-facts dl>div{min-height:7.5rem}.tnpee-facts dl>div+div{border-left:0}.tnpee-facts dl>div:not(:first-child){border-top:1px solid var(--tnpee-border)}.tnpee-final{grid-template-columns:1fr}.tnpee-essentials__heading{grid-template-columns:1fr;align-items:start}.tnpee-essentials__intro{grid-column:auto}.tnpee-benefit-gallery{grid-template-columns:1fr}.tnpee-benefit-card,.tnpee-benefit-card:last-child{min-height:clamp(22rem,112cqi,30rem);grid-column:auto}.tnpee-benefit-dialog{align-items:end;padding:0}.tnpee-benefit-dialog__card{width:100%;max-height:calc(100svh - max(.75rem,env(safe-area-inset-top)));grid-template-columns:1fr;gap:1rem;overflow-x:hidden;overflow-y:auto;border-radius:1.5rem 1.5rem 0 0;padding:3.75rem var(--tnpee-gutter) max(1.5rem,env(safe-area-inset-bottom))}.tnpee-benefit-dialog__content{order:2}.tnpee-benefit-dialog__visual>*{width:100%}.tnpee-detail-morph{min-height:20rem;grid-template-columns:1fr;grid-template-rows:auto minmax(10rem,1fr) auto}.tnpee-detail-morph__signals{display:flex;flex-wrap:wrap;justify-content:center}.tnpee-detail-morph__signals span{flex:1 1 5.5rem}.tnpee-detail-morph svg{width:min(100%,14rem);justify-self:center}.tnpee-detail-morph__result{width:min(100%,10rem);justify-self:center}.tnpee-detail-flow{min-height:26rem;grid-template-columns:minmax(0,1fr)}.tnpee-detail-flow__step{width:min(100%,16rem);min-height:5.2rem;justify-self:center}.tnpee-detail-flow__arrow{transform:rotate(90deg)}.tnpee-detail-graph{min-height:19rem}.tnpee-detail-graph svg{margin-top:1rem}.tnpee-workflow__stage{aspect-ratio:16 / 10}.tnpee-resource-list--tools ul{grid-auto-flow:row;gap:clamp(.5rem,2.5cqi,.8rem);overflow:visible;padding:0}.tnpee-resource-list--tools a>span:nth-child(2){padding:clamp(.65rem,3cqi,.85rem);padding-bottom:clamp(3rem,12cqi,3.4rem)}.tnpee-resource-list--tools strong{font-size:clamp(.76rem,3.4cqi,.9rem);line-height:1.3}.tnpee-resource-list--tools small{font-size:clamp(.68rem,2.9cqi,.78rem)}.tnpee-resource-list--tools .tnpee-resource-list__arrow{right:clamp(.55rem,2.5cqi,.7rem);bottom:clamp(.55rem,2.5cqi,.7rem);width:clamp(2rem,9cqi,2.35rem);height:clamp(2rem,9cqi,2.35rem)}}@container (width < 29rem){.tnpee-actions{display:grid}}@media(prefers-reduced-motion:reduce){.tnpee-hero__field{animation:none}.tnpee-cta,.tnpee-cta svg,.tnpee-product-scene__tabs button,.tnpee-resource-list__media img,.tnpee-resource-list__arrow{transition-duration:.01ms}.tnpee-cta:hover,.tnpee-cta:active,.tnpee-cta:hover svg,.tnpee-resource-list--tools a:hover img,.tnpee-resource-list a:hover .tnpee-resource-list__arrow{transform:none}}@media(hover:none),(pointer:coarse){.tnpee-hero__ballpit{pointer-events:none}}@media(forced-colors:active){.tnpee-cta,.tnpee-hero__copy,.tnpee-product-scene,.tnpee-benefit-card,.tnpee-benefit-dialog__card,.tnpee-workflow__stage,.tnpee-final{border:2px solid CanvasText}}.solution-scene-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;opacity:1;transition:opacity .45s ease,visibility 0s .45s}.solution-scene-poster img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.solution-scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.solution-scene-canvas[data-scene-frame-ready=true]{opacity:1}.solution-scene-poster:has(~.solution-scene-canvas[data-scene-frame-ready=true]){opacity:0;visibility:hidden}