/* ai-photoshoot v3 — premium result-first layout. NaidiAI DS tokens inlined
   (autonomous build). Dark + light via semantic --nai-* vars on [data-theme]. */

/* ── raw tokens ── */
:root{
--font-core:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--black:#000000;--white:#FFFFFF;--ink-900:#02080F;--surface-900:#0E1011;--surface-800:#1C1E20;
--grey-500:#828282;--grey-450:#898989;--blue-500:#007FFF;--blue-400:#4CA5FF;
--fs-display:48px;--fs-section:36px;--fs-body:20px;--fs-label:16px;--fs-ui:15px;--fs-caption:14px;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
--lh-flat:100%;--ls-wide:0.100em;
--r-10:10px;--r-16:16px;--r-20:20px;--r-26:26px;--r-30:30px;--r-full:9999px;
--section-gap:96px;--heading-gap:40px;--card-gap:23px;--card-pad:20px;
--container:1280px;--container-narrow:865px;
--transition:160ms ease;
}

/* ── semantic themes ── */
[data-theme="dark"],:root{
--nai-bg:var(--black);--nai-surface:var(--surface-900);--nai-surface-2:var(--surface-800);
--nai-text:var(--white);--nai-text-secondary:var(--grey-500);--nai-text-ui:var(--grey-450);
--nai-action:var(--blue-500);--nai-accent:var(--blue-400);--nai-on-action:var(--white);
--nai-cta-band:var(--blue-500);--nai-cta-btn-bg:var(--ink-900);--nai-cta-btn-fg:var(--blue-500);
--nai-hairline:rgba(255,255,255,0.12);--nai-faq-hover:#131617;--nai-pill-bg:var(--black);
--nai-glow-opacity:1;--nai-spot-opacity:0.5;--nai-scrim:rgba(2,8,15,0.82);
--nai-glass-bg:rgba(28,30,32,0.2);--nai-glass-border:rgba(255,255,255,0.16);
--nai-gradient-stroke:linear-gradient(90deg,rgba(76,165,255,0) 55%,rgba(76,165,255,0.55) 88%,#4CA5FF 100%);
}
[data-theme="light"]{
--nai-bg:#FFFFFF;--nai-surface:#F3F5F7;--nai-surface-2:#E8EBEE;
--nai-text:#02080F;--nai-text-secondary:#5D6469;--nai-text-ui:#6A7075;
--nai-action:var(--blue-500);--nai-accent:#1F7FE0;--nai-on-action:#FFFFFF;
--nai-cta-band:var(--blue-500);--nai-cta-btn-bg:#FFFFFF;--nai-cta-btn-fg:var(--blue-500);
--nai-hairline:rgba(2,8,15,0.12);--nai-faq-hover:#ECEFF2;--nai-pill-bg:#FFFFFF;
--nai-glow-opacity:0.3;--nai-spot-opacity:0.14;--nai-scrim:rgba(2,8,15,0.62);
--nai-glass-bg:rgba(255,255,255,0.55);--nai-glass-border:rgba(2,8,15,0.1);
--nai-gradient-stroke:linear-gradient(90deg,rgba(0,127,255,0) 55%,rgba(0,127,255,0.4) 88%,#007FFF 100%);
}

/* ── base ── */
*{box-sizing:border-box;text-wrap:pretty}
html{background:var(--nai-bg)}
body{margin:0;background:var(--nai-bg);color:var(--nai-text);font-family:var(--font-core);font-weight:var(--fw-medium);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}
a{color:var(--nai-accent);text-decoration:none;transition:opacity var(--transition)}
a:hover{opacity:.7}
img{max-width:100%;display:block}
h1,h2,h3,p,figure{margin:0}
button{font-family:var(--font-core)}

/* ── DS primitives ── */
.nai-gradient-edge{position:relative}
.nai-gradient-edge::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--nai-gradient-stroke);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.nai-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border:none;border-radius:var(--r-26);cursor:pointer;background:var(--nai-action);color:var(--nai-on-action);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-flat);transition:opacity var(--transition)}
.nai-btn:hover{opacity:.88}
.nai-btn:active{opacity:.76}
.nai-btn:focus-visible,.ldg-copybtn:focus-visible,.nai-faq:focus-visible,.ph-thumb:focus-visible,.ph-pcard:focus-visible,.ph-modal-close:focus-visible{outline:2px solid var(--nai-accent);outline-offset:2px}
.nai-btn--cta{background:var(--nai-cta-btn-bg);color:var(--nai-cta-btn-fg);font-weight:var(--fw-semibold)}
.nai-glass{background:var(--nai-glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--nai-glass-border)}
.ldg-card{position:relative;border-radius:var(--r-30);background:var(--nai-surface);padding:var(--card-pad);transition:background var(--transition)}
.ldg-copybtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border:none;border-radius:var(--r-16);cursor:pointer;background:var(--nai-surface-2);color:var(--nai-text-ui);font-size:var(--fs-ui);font-weight:var(--fw-medium);line-height:var(--lh-flat);transition:opacity var(--transition)}
.ldg-copybtn:hover{opacity:.85}
.ldg-grid3{display:grid;gap:var(--card-gap);grid-template-columns:repeat(3,1fr);align-items:stretch}
.ldg-grid3>*{min-width:0}
@media (max-width:1023px){.ldg-grid3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:639px){.ldg-grid3{grid-template-columns:1fr}}

/* media tile */
.nai-tile{position:relative;overflow:hidden;border-radius:var(--r-20);background:var(--nai-surface)}
.nai-tile img{width:100%;height:100%;object-fit:cover;transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.nai-tile:hover img{transform:scale(1.025)}
.nai-tile-veil{position:absolute;inset:0;opacity:0;transition:opacity 360ms cubic-bezier(.22,1,.36,1);background:linear-gradient(to top,var(--nai-scrim) 0%,transparent 55%)}
.nai-tile:hover .nai-tile-veil{opacity:1}
.nai-tile-cap{position:absolute;left:18px;right:18px;bottom:16px;font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:140%;color:#fff;opacity:0;transform:translateY(8px);transition:opacity 320ms ease,transform 320ms ease}
.nai-tile:hover .nai-tile-cap{opacity:1;transform:none}
@media (hover:none){.nai-tile-veil{opacity:.85}.nai-tile-cap{opacity:1;transform:none}}

/* ── page ── */
.nai-page{position:relative;overflow:clip;display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:var(--section-gap)}
.nai-container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
.nai-section{display:flex;flex-direction:column;gap:var(--heading-gap)}
.nai-h2{font-size:var(--fs-section);font-weight:var(--fw-medium);line-height:var(--lh-flat);text-align:center}
.nai-sub{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--nai-text-secondary);text-align:center;max-width:560px;margin:-20px auto 0}
.nai-glow{position:absolute;pointer-events:none;filter:blur(2px);z-index:0;opacity:var(--nai-glow-opacity);transition:opacity var(--transition)}
.nai-glow-a{left:-130px;top:2400px;width:348px;transform:rotate(-63.8deg)}
.nai-glow-b{right:-160px;top:980px;width:492px;transform:rotate(-63.8deg)}
.nai-glow-wave{position:absolute;pointer-events:none;z-index:0;opacity:calc(var(--nai-glow-opacity)*0.55);mix-blend-mode:screen}
.nai-glow-wave-a{left:-220px;top:3400px;width:820px;transform:rotate(14deg)}
.nai-glow-wave-b{right:-260px;top:5200px;width:900px;transform:rotate(-160deg)}
.nai-page>*{position:relative;z-index:1}
/* section reveal */
.nai-reveal{opacity:0;transform:translateY(22px)}
.nai-reveal.in{opacity:1;transform:none;transition:opacity 640ms ease,transform 640ms cubic-bezier(.22,1,.36,1)}

/* hero */
.ph-hero{padding-top:88px;display:flex;flex-direction:column;gap:32px;align-items:center;text-align:center;position:relative}
.ph-hero::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:760px;height:420px;border-radius:50%;background:radial-gradient(closest-side,var(--blue-400),transparent 70%);opacity:var(--nai-spot-opacity);filter:blur(60px);pointer-events:none}
.ph-hero>*{position:relative}
.ph-hero-badge{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:var(--r-full);font-size:13px;letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:var(--fw-medium);color:var(--nai-text-ui)}
.ph-hero h1{font-size:clamp(32px,5vw,var(--fs-display));font-weight:var(--fw-medium);line-height:var(--lh-flat);max-width:900px}
.ph-hero-desc{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:150%;color:var(--nai-text-secondary);max-width:720px}

/* ── showcase ── */
.ph-show-stage{position:relative;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:4/3;border-radius:var(--r-30);overflow:hidden;background:var(--nai-surface)}
.ph-show-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:0;transition:opacity 480ms ease}
.ph-show-stage img.contain{object-fit:contain;background:var(--nai-surface)}
.ph-show-stage img.active{opacity:1}
.ph-show-wrap{position:relative}
.ph-show-wrap::before{content:"";position:absolute;inset:-70px -120px;background:radial-gradient(closest-side,rgba(0,127,255,0.28),transparent 72%);filter:blur(50px);pointer-events:none;z-index:-1}
.ph-show-cap{position:absolute;left:24px;bottom:20px;z-index:2;padding:10px 18px;border-radius:var(--r-full);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:#fff}
.ph-show-scrim{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,var(--nai-scrim),transparent);z-index:1;pointer-events:none}
.ph-thumbs{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.ph-thumb{position:relative;width:54px;height:54px;border-radius:var(--r-full);overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--nai-surface);flex-shrink:0;transition:width 320ms cubic-bezier(.22,1,.36,1),border-color var(--transition),opacity var(--transition)}
.ph-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.ph-thumb:hover{opacity:.85}
.ph-thumb[aria-pressed="true"]{width:88px;border-color:#FFFFFF}

/* ── demo ── */
.ph-demo-stage{display:grid;grid-template-columns:230px 90px 1fr;gap:0;align-items:center;min-width:0}
.ph-demo-src{width:230px}
.ph-demo-src .nai-tile{aspect-ratio:3/4;border-radius:var(--r-20)}
.ph-demo-src .nai-tile img{object-position:center 20%}
.ph-demo-srclabel{margin-top:12px;text-align:center;font-size:var(--fs-caption);color:var(--nai-text-ui);font-weight:var(--fw-medium)}
.ph-demo-flow{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 16px}
.ph-demo-line{width:100%;height:1.5px;background:var(--nai-hairline);position:relative;overflow:hidden;border-radius:1px}
.ph-demo-line::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:45%;border-radius:1px;background:linear-gradient(90deg,transparent,var(--nai-accent));animation:ph-pulse 2.4s ease infinite}
.ph-demo-marquee{overflow:hidden;min-width:0;border-radius:var(--r-20);-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ph-demo-track{display:flex;gap:16px;width:max-content;animation:ph-scroll 42s linear infinite}
.ph-demo-marquee:hover .ph-demo-track{animation-play-state:paused}
.ph-demo-track .nai-tile{width:236px;aspect-ratio:3/4;flex-shrink:0}
.ph-demo-src{opacity:0;transform:translateY(18px) scale(.97)}
.ph-demo-marquee{opacity:0;transform:translateY(18px)}
.ph-demo.play .ph-demo-src{opacity:1;transform:none;transition:opacity 560ms ease,transform 560ms cubic-bezier(.22,1,.36,1)}
.ph-demo.play .ph-demo-marquee{opacity:1;transform:none;transition:opacity 620ms ease 500ms,transform 620ms cubic-bezier(.22,1,.36,1) 500ms}
@keyframes ph-pulse{0%{left:-45%;opacity:0}12%{opacity:1}70%{opacity:1}100%{left:100%;opacity:0}}
@keyframes ph-scroll{to{transform:translateX(-50%)}}
.ph-demo-dots{display:flex;gap:14px;justify-content:center;margin-top:28px}
.ph-dot{width:12px;height:12px;border-radius:var(--r-full);border:none;cursor:pointer;background:var(--nai-surface-2);padding:0;transition:background var(--transition),transform var(--transition)}
.ph-dot[aria-pressed="true"]{background:var(--nai-accent);transform:scale(1.15)}

/* benefits */
.ph-benefits{position:relative;background:linear-gradient(135deg,var(--nai-surface) 55%,rgba(0,127,255,0.10) 100%);padding:64px 0;overflow:hidden}
.ph-benefits::after{content:"";position:absolute;right:-140px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(76,165,255,0.16),transparent 70%);filter:blur(40px);pointer-events:none}
.ph-benefits::before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:780px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(76,165,255,0.22),transparent 70%);filter:blur(50px);pointer-events:none}
.ph-pills{position:relative;display:flex;flex-wrap:wrap;gap:13px;justify-content:center}
.ph-pill{border-radius:var(--r-30);background:var(--nai-pill-bg);padding:16px 24px;font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-flat);letter-spacing:var(--ls-wide)}

/* steps */
.ph-step{display:flex;flex-direction:column;gap:20px}
.ph-step-badge{width:44px;height:44px;border-radius:var(--r-full);background:var(--nai-surface-2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);font-weight:var(--fw-medium)}
.ph-step h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%}
.ph-step p{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:140%;color:var(--nai-text-secondary)}

/* ── prompt cards ── */
.ph-pcard{position:relative;border-radius:var(--r-30);overflow:hidden;background:var(--nai-surface);cursor:pointer;border:none;padding:0;text-align:left;display:block;width:100%;transition:box-shadow 320ms ease,transform 320ms ease}
.ph-pcard:hover{box-shadow:0 0 0 1.5px rgba(76,165,255,0.7),0 10px 48px rgba(0,127,255,0.3);transform:translateY(-4px)}
[data-theme="light"] .ph-pcard:hover{box-shadow:0 0 0 1.5px rgba(0,127,255,0.5),0 10px 36px rgba(0,127,255,0.18)}
.ph-pcard-img{aspect-ratio:3/4;overflow:hidden}
.ph-pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 480ms cubic-bezier(.22,1,.36,1)}
.ph-pcard:hover .ph-pcard-img img{transform:scale(1.035)}
.ph-pcard-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px;background:linear-gradient(to top,var(--nai-scrim) 0%,rgba(2,8,15,0.25) 45%,transparent 70%)}
.ph-pcard-title{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%;color:#fff}
.ph-pcard-short{font-size:13px;font-weight:var(--fw-regular);line-height:145%;color:rgba(255,255,255,0.85);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transition:max-height 380ms ease,opacity 380ms ease}
.ph-pcard:hover .ph-pcard-short{max-height:120px;opacity:1}
.ph-pcard-try{display:inline-flex;align-items:center;gap:8px;border:none;background:none;padding:0;cursor:pointer;font-size:var(--fs-ui);font-weight:var(--fw-medium);color:var(--blue-400);opacity:0;transform:translateY(6px);transition:opacity 320ms ease,transform 320ms ease}
.ph-pcard-try:hover{opacity:.85}
.ph-pcard:hover .ph-pcard-try{opacity:1;transform:none}
@media (hover:none){.ph-pcard-short{max-height:120px;opacity:1}.ph-pcard-try{opacity:1;transform:none}}

/* modal */
.ph-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px}
.ph-modal.open{display:flex}
.ph-modal-back{position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ph-modal-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:0;width:min(920px,100%);max-height:min(86vh,760px);border-radius:var(--r-30);background:var(--nai-surface);overflow:hidden}
.ph-modal-img{min-height:0}
.ph-modal-img img{width:100%;height:100%;object-fit:cover}
.ph-modal-body{display:flex;flex-direction:column;gap:18px;padding:32px;overflow-y:auto}
.ph-modal-title{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%;padding-right:44px}
.ph-modal-text{font-size:var(--fs-ui);font-weight:var(--fw-regular);line-height:160%;color:var(--nai-text-secondary)}
.ph-modal-body .nai-btn{align-self:flex-start}
.ph-modal-close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border-radius:var(--r-full);border:none;cursor:pointer;background:var(--nai-surface-2);color:var(--nai-text);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition)}
.ph-modal-close:hover{opacity:.8}
body.ph-modal-lock{overflow:hidden}

/* use cases */
.ph-usecase{display:flex;flex-direction:column;gap:14px}
.ph-usecase h3{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%}
.ph-usecase p{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:140%;color:var(--nai-text-secondary)}
.ph-usecase.nai-gradient-edge{background:var(--nai-surface)}

/* important */
.ph-important{max-width:var(--container-narrow);margin:0 auto;width:100%}
.ph-important .ldg-card{display:flex;flex-direction:column;gap:16px;padding:28px}
.ph-important h3{font-size:var(--fs-body);font-weight:var(--fw-medium)}
.ph-important p{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--nai-text-secondary)}

/* faq */
.ph-faq{max-width:var(--container-narrow);margin:0 auto;width:100%}
.ph-faq-list{display:flex;flex-direction:column;gap:16px}
.nai-faq{border:none;text-align:left;width:100%;border-radius:var(--r-30);background:var(--nai-surface);padding:24px 28px;cursor:pointer;color:var(--nai-text);transition:background var(--transition)}
.nai-faq:hover{background:var(--nai-faq-hover)}
.nai-faq-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.nai-faq-q{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:120%}
.nai-faq-glyph{font-size:var(--fs-section);font-weight:var(--fw-medium);line-height:1;flex-shrink:0}
.nai-faq[aria-expanded="true"] .nai-faq-glyph{color:var(--nai-accent)}
.nai-faq-a{font-size:var(--fs-label);font-weight:var(--fw-regular);line-height:150%;color:var(--nai-text-secondary);overflow:hidden;max-height:0;transition:max-height 240ms ease,margin 240ms ease;margin-top:0}
.nai-faq[aria-expanded="true"] .nai-faq-a{max-height:200px;margin-top:16px}

/* cta band */
.ph-cta{background:linear-gradient(135deg,#0064DB 0%,var(--blue-500) 42%,#2E95FF 72%,#4CA5FF 100%);padding:80px 20px;position:relative;overflow:hidden}
.ph-cta::before{content:"";position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:640px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,0.4),transparent 70%);filter:blur(50px);pointer-events:none}
.ph-cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 85%,rgba(255,255,255,0.14),transparent 34%),radial-gradient(circle at 88% 20%,rgba(255,255,255,0.12),transparent 30%),radial-gradient(rgba(255,255,255,0.16) 1.2px,transparent 1.2px);background-size:auto,auto,26px 26px;-webkit-mask:linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0.35));mask:linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0.35))}
.ph-cta-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,0.18);pointer-events:none}
.ph-cta-ring-a{width:420px;height:420px;left:-160px;bottom:-230px}
.ph-cta-ring-b{width:560px;height:560px;right:-220px;top:-300px;border-color:rgba(255,255,255,0.14)}
.ph-cta-inner{position:relative;max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;gap:var(--heading-gap);align-items:center;text-align:center}
.ph-cta h2{font-size:var(--fs-section);font-weight:var(--fw-bold);line-height:var(--lh-flat);letter-spacing:var(--ls-wide);text-transform:uppercase;color:#fff}
.ph-cta-note{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:rgba(255,255,255,0.8);margin-top:-24px}

/* ── responsive ── */
@media (max-width:1023px){
.ph-demo-stage{grid-template-columns:180px 70px 1fr}
.ph-demo-src{width:180px}
.ph-demo-track .nai-tile{width:200px}
}
@media (max-width:767px){
:root{--section-gap:64px;--heading-gap:28px}
.nai-h2{font-size:28px}
.ph-hero{padding-top:56px}
.ph-hero::before{width:130vw;height:300px}
.ph-show-stage{aspect-ratio:3/4}
.ph-thumb{width:52px;height:52px}
.ph-thumb[aria-pressed="true"]{width:84px;border-color:#FFFFFF}
.ph-demo-stage{grid-template-columns:1fr;gap:20px;justify-items:center}
.ph-demo-src{width:180px}
.ph-demo-flow{width:180px;height:44px;flex-direction:column;padding:0}
.ph-demo-line{transform:rotate(90deg);width:40px}
.ph-demo-marquee{width:100%}
.ph-demo-track .nai-tile{width:170px}
.ph-modal-card{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}
.ph-modal-img{max-height:44vh;overflow:hidden}
.ph-cta{padding:56px 20px}
.ph-cta h2{font-size:24px}
.nai-glow-a,.nai-glow-b,.nai-glow-wave{display:none}
}
/* reduced motion */
@media (prefers-reduced-motion:reduce){
.ph-demo-src,.ph-demo-marquee{opacity:1;transform:none;transition:none}
.ph-demo-track{animation:none}
.ph-demo-line::after{animation:none}
.nai-tile img,.nai-tile:hover img,.ph-pcard-img img,.ph-pcard:hover .ph-pcard-img img{transition:none;transform:none}
.nai-reveal{opacity:1;transform:none;transition:none}
.ph-show-stage img{transition:none}
.ph-thumb{transition:none}
}