:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#29271f;background:#fbf8f1;font-synthesis:none;--paper:#fbf8f1;--ink:#29271f;--muted:#686153;--accent:#ffbd38;--border:#e2ded4;--card:#fff;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:1.0625rem;line-height:1.65}body.studio{--paper:#f5f6f5;--ink:#252b36;--muted:#5e6470;--accent:#d9e7ff;--border:#dce0e5;background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:.24em}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #715000;outline-offset:6px;border-radius:5px}.studio a:focus-visible{outline-color:#315391}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:10px 18px;z-index:10}.skip:focus{top:12px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:1.25rem;font-weight:720;letter-spacing:-.6px;white-space:nowrap}.brand img{width:35px;height:35px}.nav{display:flex;align-items:center;gap:30px;font-size:0.9375rem}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.eyebrow{font-size:0.8125rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.625rem,5.9vw,4.875rem);line-height:1.06;letter-spacing:-.055em;font-weight:620;margin-bottom:28px}h2{font-size:clamp(1.875rem,3.4vw,2.875rem);line-height:1.15;letter-spacing:-.04em;font-weight:620;margin-bottom:20px}h3{font-size:1.4375rem;line-height:1.25;letter-spacing:-.025em;font-weight:650;margin-bottom:12px}.lead{font-size:1.3125rem;line-height:1.6;color:var(--muted);max-width:550px}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:78px 0 64px;min-height:700px}.hero-copy{padding-bottom:20px}.hero h1 em{font-style:normal;display:block;color:#84600b}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:30px 0 16px}.button,.status{display:inline-flex;align-items:center;justify-content:center;min-height:52px;gap:12px;padding:13px 24px;border-radius:99px;font-weight:650;font-size:0.9375rem;text-decoration:none}.button{background:var(--accent);color:var(--ink)}.button:hover{filter:brightness(.97)}.button.secondary{background:transparent;border:1px solid var(--border)}.status{background:var(--ink);color:white}.fine{font-size:0.875rem;color:var(--muted)}.hero-visual{position:relative;background:#f2e9d6;border-radius:160px 160px 32px 32px;min-height:558px;padding:32px 20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone{width:250px;max-width:100%;border-radius:36px;border:7px solid #302e28;background:#fff;box-shadow:0 22px 45px #3e2e141b;overflow:hidden;line-height:0}.phone img{width:100%;height:auto;display:block}.visual-label{background:white;border:1px solid var(--border);padding:11px 18px;border-radius:99px;position:absolute;font-size:0.875rem;line-height:1.4;box-shadow:0 6px 20px #29271f09}.visual-label.first{left:-28px;top:85px}.visual-label.second{right:-15px;bottom:90px}.hero-visual figcaption{text-align:center;font-size:0.75rem;line-height:1.5;color:var(--muted);margin-top:18px;max-width:320px}figure{margin:0}.principles{border-block:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:25px;font-size:0.9375rem}.principles span{display:block;font-size:0.8125rem;color:var(--muted);margin-top:3px}.section{padding:88px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head h2{max-width:620px;margin-bottom:0}.section-head p{max-width:320px;color:var(--muted);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{padding:0 28px 0 0;border-right:1px solid var(--border)}.step:last-child{border-right:0;padding-right:0}.number{display:block;color:#886512;font-size:0.875rem;margin-bottom:28px;font-variant-numeric:tabular-nums}.step p{color:var(--muted);font-size:1rem;margin-bottom:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:30px}.card p{color:var(--muted);font-size:1rem;margin-bottom:0}.card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff2d2;margin-bottom:40px;font-size:1.4375rem}.features .card:first-child{background:#ffedbd;border-color:#ead49b}.privacy-band{background:#302f27;color:#fffdf6;border-radius:32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:52px}.privacy-band p{color:#d9d6cb}.privacy-band .eyebrow{color:#e9c470}.privacy-band a{color:#ffe0a2}.privacy-band h2{margin-bottom:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout h2{max-width:340px}details{border-bottom:1px solid var(--border);padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:1.125rem;font-weight:600;padding-right:28px;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:1.5rem;line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:1rem;margin:16px 0 0}.footer{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-top:1px solid var(--border);padding:34px 0 40px;font-size:0.875rem}.footer p{margin:7px 0 0;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;max-width:520px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.draft-bar{padding:9px 20px;text-align:center;background:#fff0bf;color:#654b0c;font-size:0.8125rem;border-bottom:1px solid #e6d393}.studio .studio-hero{padding:95px 0 78px;max-width:1000px}.studio h1{font-size:clamp(2.875rem,7.3vw,5.875rem);max-width:940px;line-height:1.04}.studio h1 span{color:#737e91}.studio .lead{max-width:660px}.studio-intro{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--border);padding-top:34px;gap:60px}.studio-intro p{max-width:720px;font-size:1.3125rem}.product-card{background:#ede9df;border-radius:32px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dedbd4}.product-copy{padding:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-copy img{width:64px;height:64px;margin-bottom:36px}.product-copy h3{font-size:2.75rem}.product-copy p{color:#605f59;max-width:370px}.product-visual{background:#f1dfb6;padding:46px 20px 0;display:flex;justify-content:center;max-height:500px;overflow:hidden}.product-visual .phone{width:245px;border-bottom:0;align-self:flex-start}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-row h2{margin-bottom:14px}.contact-row p{color:var(--muted);margin-bottom:0}.doc-hero{padding:64px 0 40px;max-width:830px}.doc-hero h1{font-size:clamp(2.1875rem,4.5vw,3.625rem);overflow-wrap:anywhere}.document{max-width:800px;padding-bottom:80px}.document h2{font-size:1.6875rem;margin-top:42px;letter-spacing:-.025em}.document h3{font-size:1.25rem;margin-top:25px}.document p,.document li{color:var(--muted)}.document ul{padding-left:23px}.notice{border-left:3px solid #ad7b10;background:#fff1d0;border-radius:0 15px 15px 0;padding:20px 25px;color:#594919;margin:20px 0 34px}.notice p{color:inherit;margin-bottom:0}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.support-grid .card h2{font-size:1.5rem;margin-top:0}.support-grid .card p{margin:0}.support-contact{margin:42px 0 60px;padding:32px;background:white;border:1px solid var(--border);border-radius:24px}.support-contact h2{font-size:1.75rem}.support-contact a{overflow-wrap:anywhere}.not-found{padding:110px 0 150px}.not-found h1{max-width:760px}.screenshot-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:40px}.screen-panel{text-align:center;background:#f1eadd;border-radius:24px;padding:30px 25px 20px}.screen-panel .phone{width:215px;margin:auto}.screen-panel figcaption{font-size:0.875rem;margin-top:20px}.reveal{animation:enter .45s ease-out both}@keyframes enter{from{transform:translateY(7px)}to{transform:none}}@media(max-width:1000px){.hero{gap:30px}.visual-label.first{left:-10px}.visual-label.second{right:-8px}.privacy-band{gap:30px;padding:36px}.product-copy{padding:36px}.nav{gap:20px}.hero-visual{min-height:520px}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0;gap:15px;align-items:flex-start}.nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:0.875rem}.brand{font-size:1.125rem}.brand img{width:29px;height:29px}.nav .desktop-link{display:none}.hero{grid-template-columns:1fr;padding:48px 0 36px;gap:28px}.hero h1{max-width:550px}.hero-copy{padding:0}.lead{font-size:1.125rem}.hero-visual{width:min(430px,100%);margin:auto;min-height:525px;padding-top:24px}.visual-label.first{top:70px;left:0}.visual-label.second{right:0;bottom:80px}.principles{grid-template-columns:1fr;gap:16px;padding:24px 0}.principles span{display:inline;margin-left:8px}.section{padding:58px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:18px;max-width:none}.steps{grid-template-columns:1fr;gap:26px}.step{border-right:0;border-bottom:1px solid var(--border);padding:0 0 26px}.step:last-child{border-bottom:0;padding-bottom:0}.number{margin-bottom:12px}.features{gap:12px}.card{padding:22px}.card-icon{margin-bottom:28px}.card h3{font-size:1.3125rem}.privacy-band{grid-template-columns:1fr;gap:25px;padding:30px 25px}.faq-layout{grid-template-columns:1fr;gap:24px}.footer{flex-direction:column}.footer-links{justify-content:flex-start}.studio .studio-hero{padding:64px 0 48px}.studio-intro{grid-template-columns:1fr;gap:4px}.studio-intro p{font-size:1.125rem}.product-card{grid-template-columns:1fr}.product-copy{padding:32px}.product-copy h3{font-size:2.375rem}.product-copy img{margin-bottom:24px}.product-visual{max-height:355px;padding-top:30px}.contact-row{align-items:flex-start;flex-direction:column;gap:24px}.doc-hero{padding-top:44px}.support-grid{grid-template-columns:1fr}.screenshot-strip{grid-template-columns:1fr}.screen-panel .phone{width:230px}.screenshot-strip .screen-panel{max-width:420px;width:100%;margin:auto}}@media(max-width:420px){.features{grid-template-columns:1fr}.nav{gap:10px;font-size:0.8125rem}.brand{font-size:1rem}.brand img{width:26px;height:26px}.visual-label{font-size:0.75rem;padding:10px 12px}.hero h1{font-size:2.8125rem}.studio h1{font-size:3rem}.principles span{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Editorial product direction: expansive type, a single demonstration stage. */
:root{--paper:#fcfaf5;background:var(--paper)}body{background:var(--paper)}.header{padding:25px 0}.brand{font-weight:650;letter-spacing:-.65px}.eyebrow{font-size:0.75rem;letter-spacing:.14em;font-weight:550}.hero{display:block;padding:70px 0 46px;min-height:0}.hero-copy{text-align:center;padding:0 0 40px}.hero h1{font-size:clamp(3rem,6.3vw,5.4375rem);letter-spacing:-.06em;font-weight:600;line-height:1.04;margin-bottom:28px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.055em;color:#8a6625}.hero .lead{margin-inline:auto;max-width:670px;font-size:1.1875rem;line-height:1.65}.hero .actions{justify-content:center;margin:28px 0 16px}.button,.status{border-radius:14px;font-weight:550;min-height:48px;padding:12px 20px}.button.secondary{border-color:#d9d3c7;background:#ffffff75}.demo-theatre{background:radial-gradient(ellipse at 55% 58%,#ffeab5 0,#f0e7d5 45%,#e7e4dc 100%);border:1px solid #e0dccc;border-radius:28px;min-height:650px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:40px 20px}.demo-theatre .demo-player{position:relative;z-index:2;margin-left:125px}.demo-player{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%}.demo-player .phone{width:246px;flex-shrink:0}.phone{border-width:5px;border-color:#32322b;border-radius:34px;box-shadow:0 18px 45px #1b211b26}.phone video{width:100%;height:auto;display:block;background:#fff;aspect-ratio:1206/2622}.motion-control{border:1px solid #b8b0a0;border-radius:30px;padding:9px 17px;min-height:40px;font-family:inherit;font-size:0.8125rem;background:#ffffffb0;cursor:pointer;color:#38362f}.motion-control:hover{background:white}.secondary-phone{position:absolute;left:calc(50% - 236px);top:85px;transform:rotate(-8deg);z-index:1}.secondary-phone .phone{width:213px;opacity:.93}.theatre-aside{position:absolute;left:38px;top:44px;z-index:3;max-width:220px}.theatre-aside .eyebrow{font-size:0.625rem}.theatre-aside p{font-size:1.6875rem;font-weight:550;letter-spacing:-.025em;line-height:1.25;margin-top:14px}.theatre-aside em{font-family:Georgia,serif;font-weight:400}.theatre-aside .fine{font-size:0.75rem}.theatre-caption{position:absolute;right:30px;bottom:44px;max-width:200px}.demo-index{font-size:0.75rem;letter-spacing:.14em;color:#776a50}.theatre-caption p{font-size:1.5625rem;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin-top:12px;margin-bottom:16px}.theatre-caption .fine{font-size:0.75rem;line-height:1.6;display:block}.principles{border-top:0;padding:18px 0 26px;text-align:center;font-size:0.875rem}.principles span{font-size:0.75rem}.section{padding:76px 0}h2{font-weight:570}h3{font-weight:600}.card{border-radius:20px}.card-icon{font-family:Georgia,serif;background:transparent;border:1px solid #d8ccaf;border-radius:50%;margin-bottom:30px}.features .card:first-child{background:#fae8b8}.privacy-band{background:#252b28;border-radius:26px}.studio .studio-hero{text-align:center;padding:90px 0 80px;max-width:none}.studio h1{font-size:clamp(2.875rem,6.5vw,5.375rem);font-weight:600;max-width:1100px;margin-inline:auto}.studio h1 span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#667180}.studio .lead{font-size:1.1875rem;max-width:640px;margin-inline:auto}.studio .studio-hero .actions{justify-content:center}.studio .product-card{background:#232c30;border-color:#232c30;border-radius:28px;color:#f6f6ee}.studio .product-copy .eyebrow{color:#c4c9c6}.studio .product-copy p{color:#c7cec9}.studio .product-copy h3{font-weight:550;font-size:3rem}.studio .product-copy .button{background:#ffce73;color:#272b28}.studio .product-visual{background:radial-gradient(ellipse at 55% 50%,#4f5b56,#313f3f 65%,#293638);height:620px;max-height:none;padding:36px 20px;align-items:center}.studio .product-visual .phone{width:235px;border-bottom:5px solid #32322b;align-self:auto}.studio .motion-control{color:#eff3ee;border-color:#81908b;background:#ffffff08}.studio .motion-control:hover{background:#ffffff15}.studio .contact-row h2{font-size:2.625rem}.studio-intro{grid-template-columns:1fr 2fr}.studio-intro .eyebrow{font-size:0.75rem}.studio-intro p{font-size:1.1875rem}.document h2{font-weight:600}.reveal{animation:enter .45s ease-out both}@media(max-width:1050px){.theatre-aside{left:25px;max-width:170px}.theatre-aside p{font-size:1.4375rem}.theatre-caption{right:23px;max-width:150px}.theatre-caption p{font-size:1.375rem}.theatre-caption .fine{font-size:0.6875rem}.demo-theatre .demo-player{margin-left:60px}.secondary-phone{left:calc(50% - 205px)}}@media(max-width:800px){.theatre-aside{display:none}.theatre-caption{max-width:145px}.demo-theatre .demo-player{margin-left:0}.secondary-phone{left:40px;opacity:.65}.demo-theatre{justify-content:flex-start;padding-left:calc(50% - 125px)}}@media(max-width:720px){.hero{padding-top:52px}.hero h1{font-size:clamp(2.75rem,8.4vw,3.8125rem);letter-spacing:-.06em}.hero .lead{font-size:1.0625rem;max-width:430px}.hero .lead br{display:none}.hero-copy{padding-bottom:22px}.hero .actions{gap:11px}.demo-theatre{min-height:625px;padding:30px 12px 48px;justify-content:center;border-radius:23px}.demo-theatre .demo-player{margin:0}.demo-player .phone{width:238px}.secondary-phone{display:none}.theatre-caption{position:static;max-width:none;text-align:center}.theatre-caption p,.theatre-caption .demo-index{display:none}.theatre-caption .fine{font-size:0.6875rem;position:absolute;bottom:17px;left:15px;right:15px}.theatre-caption .fine br{display:none}.principles{text-align:left}.principles span{display:inline;font-size:0.75rem}.section{padding:53px 0}.studio .studio-hero{padding:66px 0 58px}.studio h1{font-size:clamp(2.6875rem,8.5vw,3.875rem)}.studio .lead{font-size:1.0625rem}.studio-intro{grid-template-columns:1fr;gap:4px}.studio .product-visual{height:600px;padding:30px 15px}.studio .product-copy h3{font-size:2.5rem}.studio .contact-row h2{font-size:2rem}.privacy-band{padding:30px 24px}}@media(max-width:400px){.hero h1{font-size:2.6875rem}.hero h1 em{font-size:2.625rem}.studio h1{font-size:2.6875rem}.principles span{display:block;margin-left:0}}

h1,h2,h3{overflow-wrap:anywhere}.header{flex-wrap:wrap}.nav{margin-left:auto}.motion-control{max-width:100%}
/* Allow large text to reflow inside grid cells and long contact links. */
.product-card>* ,.privacy-band>* ,.faq-layout>* ,.studio-intro>*{min-width:0}p,a,button{overflow-wrap:anywhere}.footer>div{min-width:0}
/* English interaction illustration: never presented as a captured app screen. */
.interaction-demo,.overview-illustration{background:#fff;color:#202b34;line-height:1.4;padding:16px 12px 10px;position:relative;height:514px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;flex-shrink:0}.mock-top{display:flex;justify-content:space-between;font-size:.62rem;font-weight:650;margin:0 5px 25px}.mock-top span{font-size:.55rem}.mock-nav{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.55rem;margin-bottom:17px}.mock-nav>span{font-size:.95rem}.demo-photo-stack{height:290px;position:relative}.moving-photo,.photo-under{position:absolute;inset:0;border-radius:13px;overflow:hidden}.photo-under{background:#dce7ee;transform:rotate(-3deg);inset:5px}.moving-photo img{height:100%;width:100%;object-fit:cover}.keep-stamp{position:absolute;top:20px;left:15px;border:2px solid #185e48;color:#185e48;background:#effff1de;padding:5px 10px;border-radius:5px;transform:rotate(-12deg);font-size:1rem;font-weight:750;opacity:0}.mock-caption{font-size:.61rem;text-align:center;position:relative;height:32px;margin-top:13px}.mock-caption>span{position:absolute;inset:0}.caption-undo{opacity:0}.mock-actions{display:flex;justify-content:space-around;font-size:1.4rem;text-align:center;color:#334d68}.mock-actions small{display:block;font-size:.5rem;color:#56636c}.mock-home{width:65px;height:3px;background:#26313b;border-radius:4px;margin:16px auto 0}.illustration-label{font-size:.65rem;color:var(--muted);text-align:center;line-height:1.3}.studio .illustration-label{color:#d0d8e4}.overview-illustration h3{font-size:1.2rem;margin:36px 0 5px}.overview-illustration>p{font-size:.6rem;color:#5a6570}.mock-tile{display:grid;grid-template-columns:30px 1fr;gap:4px 6px;background:#edf1f8;border:1px solid #d8e0ee;border-radius:12px;padding:15px 10px;margin-top:15px}.mock-tile>span{grid-row:span 2;font-size:1.4rem;align-self:center;color:#345690}.mock-tile strong{font-size:.7rem}.mock-tile small{font-size:.5rem;color:#5a6570}.moving-photo{animation:photo-choice 8s ease-in-out infinite paused}.keep-stamp{animation:keep-choice 8s ease-in-out infinite paused}.caption-keep{animation:caption-first 8s linear infinite paused}.caption-undo{animation:caption-second 8s linear infinite paused}.is-playing .moving-photo,.is-playing .keep-stamp,.is-playing .caption-keep,.is-playing .caption-undo{animation-play-state:running!important}@keyframes photo-choice{0%,18%,78%,100%{transform:translateX(0) rotate(0)}38%,53%{transform:translateX(55px) rotate(12deg)}}@keyframes keep-choice{0%,18%,72%,100%{opacity:0}30%,53%{opacity:1}}@keyframes caption-first{0%,48%,80%,100%{opacity:1}49%,79%{opacity:0}}@keyframes caption-second{0%,48%,80%,100%{opacity:0}49%,79%{opacity:1}}@media(prefers-reduced-motion:reduce){.interaction-demo .moving-photo{animation:photo-choice 8s ease-in-out infinite paused!important}.interaction-demo .keep-stamp{animation:keep-choice 8s ease-in-out infinite paused!important}.interaction-demo .caption-keep{animation:caption-first 8s linear infinite paused!important}.interaction-demo .caption-undo{animation:caption-second 8s linear infinite paused!important}.interaction-demo.is-playing .moving-photo,.interaction-demo.is-playing .keep-stamp,.interaction-demo.is-playing .caption-keep,.interaction-demo.is-playing .caption-undo{animation-play-state:running!important}}
/* Shared colour direction: porcelain, ink and cobalt. */
:root{--paper:#f7f8fa;--ink:#18243b;--muted:#596579;--accent:#3158d5;--border:#dce2ed;color:var(--ink);background:var(--paper)}body.studio{--paper:#f7f8fa;--ink:#18243b;--muted:#596579;--accent:#3158d5;--border:#dce2ed}.hero h1 em,.studio h1 span{color:#3158b5}.button,.studio .product-copy .button{background:#3158d5;color:#fff}.button.secondary{background:#fff;color:var(--ink);border-color:#d0d9e9}.status{background:#18243b}.demo-theatre{background:radial-gradient(ellipse at 55% 58%,#edf1ff 0,#e1e8f7 48%,#d6dfef 100%);border-color:#cfd9eb}.phone{border-color:#25324c;box-shadow:0 18px 45px #192f5426}.theatre-aside,.theatre-caption{color:#243655}.theatre-aside .fine,.demo-index{color:#546580}.features .card:first-child{background:#e9eeff;border-color:#ccd7f5}.card-icon{border-color:#ccd7ef;color:#3158b5;background:transparent}.number{color:#3158b5}.privacy-band{background:#1e2e4d;color:#fff}.privacy-band .eyebrow{color:#becfff}.privacy-band p{color:#d6dfee}.privacy-band a{color:#d5e1ff}.studio .product-card{background:#1e2e4d;border-color:#1e2e4d}.studio .product-copy p{color:#d6dfee}.studio .product-copy .eyebrow{color:#becfff}.studio .product-visual{background:radial-gradient(ellipse at 55% 50%,#475c89,#2b4067 65%,#243556)}.studio .product-visual .phone{border-bottom-color:#25324c}.motion-control{border-color:#a8b7d0;color:#263958;background:#ffffffb0}.studio .motion-control{border-color:#8d9fbe;color:#fff}.draft-bar{background:#e9edfa;color:#34486f;border-color:#d0d9ed}.notice{background:#eaf0ff;color:#2d4166;border-color:#5578c9}a:focus-visible,button:focus-visible,summary:focus-visible,.studio a:focus-visible{outline-color:#4267d5}.privacy-band a:focus-visible,.studio .product-card a:focus-visible,.studio .motion-control:focus-visible{outline-color:#c3d2ff}
.studio .product-visual{height:auto;min-height:650px;overflow:visible}.demo-theatre{min-height:690px;padding-bottom:55px}.demo-theatre .illustration-label{max-width:235px}.demo-player{flex-shrink:1}.interaction-demo,.overview-illustration{font-size:16px}@media(max-width:720px){.demo-theatre{min-height:685px}.studio .product-visual{height:auto;min-height:650px;padding-block:30px}}
/* Studio portfolio direction: quiet dark canvas, product-led imagery. */
:root{--paper:#111310;--ink:#f4f5ef;--muted:#b8bdb4;--accent:#ffcb80;--border:#33382f;--card:#1a1e18;background:var(--paper);color:var(--ink)}body.studio{--paper:#0d0f13;--ink:#f5f6fa;--muted:#b6bdca;--accent:#c3d1ff;--border:#2c313c;--card:#171b23}body{background:var(--paper);color:var(--ink)}.wrap{width:min(1240px,calc(100% - 72px))}.header{padding:26px 0}.brand{letter-spacing:-.7px}.hero h1,.studio h1{font-weight:650;letter-spacing:-.055em}.hero h1 em,.studio h1 span{font-family:inherit;font-style:normal;font-weight:650;letter-spacing:inherit}.hero h1 em{color:#ffcb80}.studio h1 span{color:#b9c7e8}.studio .studio-hero{text-align:left;padding:94px 0 68px}.studio h1{margin:0 0 28px;font-size:clamp(3rem,6.2vw,5.5rem)}.studio .studio-hero .lead{margin-left:0;max-width:600px}.studio .studio-hero .actions{justify-content:flex-start}.button,.studio .product-copy .button{background:var(--accent);color:#10151f}.status{background:#f4f5ef;color:#161a14}.button.secondary{color:var(--ink);background:#ffffff05;border-color:#485043}.button:hover{filter:brightness(.92)}.demo-theatre{border-color:#3a4135;background:radial-gradient(ellipse at 50% 55%,#46513b 0,#252d22 48%,#1b2118 100%)}.theatre-aside,.theatre-caption{color:#f4f5ef}.theatre-aside .fine,.theatre-caption .fine,.demo-index{color:#c2cbb9}.theatre-aside em{font-family:inherit;font-style:normal;color:#ffcb80}.phone{border-color:#3d4436;box-shadow:0 20px 70px #0006}.motion-control{background:#1b241b;color:#f0f4e9;border-color:#717d64}.motion-control:hover{background:#303d2a}.illustration-label{color:#c2cbb9}.card{border-color:var(--border);border-radius:16px}.features .card:first-child{background:#282d21;border-color:#555d44}.card-icon{color:#ffcb80;border-color:#68704e}.number{color:#ffcb80}.privacy-band{background:#22291e;color:#f4f5ef;border:1px solid #48513c}.privacy-band p{color:#c5cebc}.privacy-band .eyebrow,.privacy-band a{color:#ffdb9f}.studio .product-card{grid-template-columns:1fr 1.15fr;background:#171b23;border-color:#343b49;border-radius:20px}.studio .product-copy{padding:54px}.studio .product-copy h3{font-size:3.5rem;font-weight:600}.studio .product-copy p{color:#c3cada}.studio .product-copy .eyebrow{color:#d5ddec}.studio .product-visual{background:linear-gradient(180deg,#0e172677,#0e1726b5),url('/assets/demo-cove.jpg') center/cover;min-height:660px}.studio .product-visual .phone{border-color:#3a455a}.studio .motion-control{color:#fff;border-color:#bcc7db;background:#152036d9}.studio .motion-control:hover{background:#263754}.studio .illustration-label{color:#eef2ff;text-shadow:0 1px 3px #000}.studio-intro{padding-top:40px;margin-top:20px}.studio #apps{padding-top:15px}.studio #apps .section-head{margin-bottom:25px}.studio #apps h2{font-size:2.25rem}.draft-bar{background:#20242d;color:#d1d8e7;border-color:#373f4f}.notice{background:#272a31;color:#e0e5f0;border-color:#9ab1ef}.support-contact{background:var(--card);border-color:var(--border)}a:focus-visible,button:focus-visible,summary:focus-visible,.studio a:focus-visible{outline-color:#b5caff}.hero{padding-top:78px}.section-head .eyebrow{margin-bottom:14px}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.studio .studio-hero{padding:60px 0 48px}.studio .studio-hero h1{font-size:clamp(2.7rem,9vw,4rem)}.studio .product-card{grid-template-columns:1fr}.studio .product-copy{padding:30px}.studio .product-copy h3{font-size:2.6rem}.studio .product-visual{min-height:650px}.hero{padding-top:48px}.hero h1{font-size:clamp(2.4rem,8vw,3.5rem)}.studio-intro{margin-top:0}.studio #apps h2{font-size:1.9rem}.theatre-caption .fine{color:#c2cbb9}}
.secondary-phone .phone{opacity:1}.mock-tile small{color:#3d4652}
/* Feature films: a distinct colour and one focused story per panel. */
.feature-intro{max-width:760px;margin:0 0 48px}.feature-intro h2{font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:22px}.feature-intro h2 span{color:var(--accent)}.feature-intro>p:last-child{color:var(--muted);font-size:1.125rem;max-width:520px}.feature-stories{display:grid;gap:28px}.feature-story{display:grid;grid-template-columns:1fr 1fr;background:#dce8dc;border-radius:28px;overflow:hidden;color:#17241d;isolation:isolate}.story-matches{background:#e1ddf2;color:#252039}.story-review{background:#ffdeb8;color:#35251b}.story-copy{padding:64px 52px;align-self:center;min-width:0}.story-index{font-size:.75rem;letter-spacing:.12em;font-weight:700;margin-bottom:32px}.story-copy h3{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.08;letter-spacing:-.05em;max-width:470px;margin-bottom:24px;font-weight:650}.story-description{font-size:1.0625rem;line-height:1.65;max-width:370px;margin-bottom:30px}.story-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.story-tags li{border:1px solid #0003;border-radius:100px;padding:7px 13px;font-size:.75rem;font-weight:600}.story-stage{position:relative;display:grid;place-items:center;padding:40px 24px;background:#00000006;min-width:0}.story-stage:before{content:'';position:absolute;width:80%;aspect-ratio:1;border:1px solid #00000012;border-radius:50%;z-index:-1}.story-matches .story-copy{grid-column:2;grid-row:1}.story-matches .story-stage{grid-column:1;grid-row:1}.recording{display:flex;flex-direction:column;align-items:center;gap:13px;max-width:100%;position:relative;z-index:2}.device-frame{width:244px;max-width:100%;border:6px solid #22231f;border-radius:35px;overflow:hidden;background:#f1e8d7;box-shadow:0 24px 45px #0002;line-height:0}.app-recording{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:contain}.recording figcaption{text-align:center;font-size:.75rem;line-height:1.5;max-width:290px;font-weight:600}.recording figcaption span{display:block;font-size:.625rem;font-weight:400;opacity:.8;margin-top:3px}.story-stage .motion-control{background:transparent;color:inherit;border-color:#0005;min-height:40px}.story-stage .motion-control:hover{background:#fff6}.recording .motion-control[hidden]{display:none}.story-stage button:focus-visible{outline-color:#302337}.everyday-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding:20px 0 0}.everyday-tools>div{border-top:1px solid var(--border);padding-top:25px}.everyday-tools span{color:var(--accent);display:block;font-size:1.75rem;margin-bottom:12px}.everyday-tools h3{font-size:1.15rem;margin-bottom:10px}.everyday-tools p{font-size:.9375rem;color:var(--muted);margin:0;max-width:300px}.demo-theatre>.recording{margin-left:50px;color:var(--ink)}.demo-theatre .device-frame{width:254px}.studio .recording figcaption{color:#f2f4fc}.studio .recording .device-frame{width:248px}.feature-showcase{padding-top:40px}.feature-story button{font-family:inherit}.story-copy h3{overflow-wrap:normal}
@media(max-width:900px){.story-copy{padding:40px 30px}.story-copy h3{font-size:2.25rem}.story-stage{padding:32px 18px}.device-frame{width:222px}.story-tags li{font-size:.6875rem}.demo-theatre>.recording{margin-left:0}}
@media(max-width:650px){.feature-intro{margin-bottom:30px}.feature-intro h2{font-size:2.6rem}.feature-intro>p:last-child{font-size:1rem}.feature-story{grid-template-columns:1fr;border-radius:22px}.story-copy{padding:32px 26px}.story-copy h3{font-size:2.15rem;margin-bottom:18px}.story-index{font-size:.6875rem;margin-bottom:22px}.story-description{font-size:1rem;margin-bottom:20px}.story-matches .story-copy,.story-matches .story-stage{grid-column:auto;grid-row:auto}.story-stage{padding:30px 20px}.device-frame{width:242px}.everyday-tools{grid-template-columns:1fr;gap:24px;margin-top:30px}.everyday-tools>div{padding-top:20px}.everyday-tools span{float:left;margin:0 18px 30px 0;width:30px;text-align:center}.everyday-tools p{max-width:none}.feature-showcase{padding-top:28px}.demo-theatre>.recording{margin:0}.feature-intro h2,.story-copy h3{overflow-wrap:anywhere}}

/* One motion demo; every supporting story uses a crisp native-resolution still. */
.app-still{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:contain}.swipe-directions{width:min(320px,100%);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.swipe-directions span{display:flex;align-items:center;gap:8px;white-space:nowrap}.swipe-directions b{font-size:1.65rem;line-height:1;font-weight:400}.swipe-delete{color:#e65b50}.swipe-keep{color:#46b96a}.demo-theatre{min-height:730px}.studio .product-visual{padding-block:40px}.static-recording{gap:14px}.story-stage .static-recording{gap:0}.story-stage .device-frame{box-shadow:0 22px 42px #0000001c}.studio .swipe-directions{color:#f2f4fc}
@media(max-width:650px){.swipe-directions{font-size:.6875rem}.swipe-directions b{font-size:1.4rem}}

/* Current iPhone screens use the app's warm paper, amber and teal palette. */
.story-overview{background:#e2efec;color:#183c3b}
.story-browse{background:#f2ead9;color:#332b1e}
.story-matches{background:#dcecea;color:#173b3a}
.story-videos{background:#f7e6bd;color:#3b2d15}
.story-overview .story-stage,.story-browse .story-stage,.story-matches .story-stage,.story-videos .story-stage{background:#00000008}
.feature-story .device-frame{width:300px}
@media(max-width:900px){.feature-story .device-frame{width:260px}}
@media(max-width:650px){.feature-story .device-frame{width:280px}}
.brand{min-width:0;white-space:normal;line-height:1.15}

/* Keep the browser's overscroll canvas and the page surface identical. */
html.studio{--paper:#151d20;background:#151d20}
html.swipe{--paper:#faf7ee;background:#faf7ee}
html,body{min-height:100%;background:var(--paper)}
html{scroll-padding-top:104px}

/* Persistent navigation with a quiet edge over scrolling content. */
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--paper) 91%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
.site-header .header{border-bottom:0}

@supports not (background:color-mix(in srgb,black,white)){
  .studio .site-header{background:#151d20f2}
  .swipe .site-header{background:#faf7eef2}
}

/* Studio app card: a deliberate campaign poster instead of a duplicated screenshot. */
.studio .product-visual{position:relative;isolation:isolate;display:grid;place-items:center;min-height:660px;padding:50px;overflow:hidden;background:#c3d1ff;color:#111827}
.studio .product-visual:before{content:"";position:absolute;width:430px;aspect-ratio:1;border:1px solid #1724421f;border-radius:50%;right:-155px;top:-120px;box-shadow:0 0 0 72px #eef1ff52,0 0 0 144px #eef1ff2e;z-index:-1}
.studio .product-visual:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;left:-70px;bottom:-64px;background:#ffcb80;z-index:-1}
.product-poster{width:min(430px,100%);min-height:520px;display:flex;flex-direction:column;justify-content:space-between;padding:34px;border:1px solid #17244226;border-radius:26px;background:#f7f8fa;box-shadow:0 28px 70px #253a6a2e;transform:rotate(1deg)}
.poster-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#53607a;font-size:.75rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.poster-top img{width:86px;height:86px;filter:drop-shadow(0 12px 22px #43351d20)}
.product-poster>p{margin:28px 0;font-size:clamp(3rem,5.5vw,5rem);font-weight:700;line-height:.91;letter-spacing:-.075em;color:#172442;overflow-wrap:normal}
.poster-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:20px;border-top:1px solid #ccd3e3;font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.poster-delete{color:#d75249}.poster-keep{color:#238f4b}
@media(max-width:720px){.studio .product-visual{min-height:520px;padding:30px 22px}.product-poster{min-height:430px;padding:28px;transform:none}.product-poster>p{font-size:3.65rem}.poster-top img{width:72px;height:72px}}
@media(max-width:400px){.studio .product-visual{padding:24px 16px}.product-poster{min-height:390px;padding:24px}.product-poster>p{font-size:3.15rem}.poster-top span{max-width:90px;text-align:right}}

/* Swipe Photos brand system: colours are shared with the production app icon. */
:root{
  --brand-amber:#f6b000;
  --brand-coral:#f35f50;
  --brand-teal:#2f98a3;
  --brand-graphite:#243035;
  --brand-cream:#faf7ee;
  --paper:var(--brand-cream);
  --ink:var(--brand-graphite);
  --muted:#5c696b;
  --accent:var(--brand-amber);
  --border:#dfd4bd;
  --card:#fffdf8;
  color:var(--ink);
  background:var(--paper)
}
body.studio{
  --paper:#151d20;
  --ink:#faf7ee;
  --muted:#b9c4c1;
  --accent:var(--brand-amber);
  --border:#354347;
  --card:#202a2d
}
.hero h1 em{color:var(--brand-coral)}
.studio h1 span{color:#73c5cb}
.button,.studio .product-copy .button{background:var(--brand-amber);color:var(--brand-graphite)}
.button.secondary{background:#fffaf0;color:var(--brand-graphite);border-color:#d9c9aa}
.status{background:var(--brand-graphite);color:var(--brand-cream)}
.demo-theatre{background:radial-gradient(ellipse at 52% 56%,#fff0c7 0,#f7dfb3 42%,#badadd 100%);border-color:#d8c89f}
.theatre-aside,.theatre-caption{color:var(--brand-graphite)}
.theatre-aside em,.feature-intro h2 span,.everyday-tools span,.number{color:var(--brand-coral)}
.theatre-aside .fine,.theatre-caption .fine,.demo-index{color:#536467}
.phone,.device-frame{border-color:var(--brand-graphite)}
.features .card:first-child{background:#ffe3a2;border-color:#e8bd57}
.card-icon{color:var(--brand-teal);border-color:#9bc7c9;background:#e7f5f3}
.privacy-band{background:var(--brand-graphite);color:var(--brand-cream);border-color:#456269}
.privacy-band p{color:#d5dfdc}
.privacy-band .eyebrow,.privacy-band a{color:#ffcf5c}
.feature-story{background:#cce5df;color:var(--brand-graphite)}
.story-matches{background:#d4e4e8;color:var(--brand-graphite)}
.story-review{background:#ffd2c9;color:var(--brand-graphite)}
.swipe-delete{color:var(--brand-coral)}
.swipe-keep{color:#147b72}
.brand img,.product-copy img,.poster-top img{border-radius:22.5%}
.studio .product-card{background:#202a2d;border-color:#405055;color:var(--brand-cream)}
.studio .product-copy p{color:#c7d1ce}
.studio .product-copy .eyebrow{color:#8dd0d4}
.studio .product-visual{
  background:
    radial-gradient(circle at 18% 83%,#f35f50 0 12%,transparent 12.5%),
    radial-gradient(circle at 88% 15%,#f6b000 0 18%,transparent 18.5%),
    linear-gradient(145deg,#2f98a3 0,#3f858c 48%,#243035 100%)
}
.studio .product-visual:before{border-color:#faf7ee42;box-shadow:0 0 0 72px #faf7ee18,0 0 0 144px #faf7ee0e}
.studio .product-visual:after{background:var(--brand-coral)}
.product-poster{background:var(--brand-cream);border-color:#24303538;box-shadow:0 28px 70px #13232642}
.product-poster>p{color:var(--brand-graphite)}
.poster-top{color:#536467}
.poster-actions{border-color:#cfc3aa}
.draft-bar{background:#ffe6a8;color:#59420b;border-color:#d4ad4d}
.notice{background:#fff0c8;color:#51431d;border-color:var(--brand-amber)}
a:focus-visible,button:focus-visible,summary:focus-visible,.studio a:focus-visible{outline-color:var(--brand-teal)}
.privacy-band a:focus-visible,.studio .product-card a:focus-visible,.studio .motion-control:focus-visible{outline-color:var(--brand-amber)}

/* Vareniq Studio signature and a lighter editorial voice. */
.studio .brand{gap:13px;font-weight:540;letter-spacing:-.025em}
.studio .brand img{width:66px;height:36px;border-radius:0;object-fit:contain;flex:none}
.studio h1{font-weight:535;letter-spacing:-.05em}
.studio h1 span{font-weight:535}
.studio h2{font-weight:550;letter-spacing:-.04em}
.studio h3{font-weight:565;letter-spacing:-.035em}
.studio .nav{font-weight:510}
@media(max-width:650px){
  .studio .brand{gap:10px;font-size:.94rem}
  .studio .brand img{width:56px;height:32px}
}
/* Animated screen content; the shared phone shell lives in apps.css. */

.art-day,.art-night{transform-box:fill-box;transform-origin:center;animation:art-day 10s cubic-bezier(.4,0,.2,1) infinite}
.art-night{animation-name:art-night}
.art-keep-mark,.art-review-mark{opacity:0;animation:art-keep 10s ease infinite}
.art-review-mark{animation-name:art-review}
@keyframes art-day{0%,12%,92%,100%{transform:translate(0,0) rotate(0);opacity:1}28%,35%{transform:translate(86px,-18px) rotate(13deg);opacity:1}42%,80%{transform:translate(105px,-22px) rotate(16deg);opacity:0}81%{transform:translate(0,12px);opacity:0}}
@keyframes art-night{0%,44%,92%,100%{transform:translate(0,0) rotate(0);opacity:1}60%,67%{transform:translate(-86px,-12px) rotate(-13deg);opacity:1}74%,80%{transform:translate(-105px,-16px) rotate(-16deg);opacity:0}81%{transform:translate(0,12px);opacity:0}}
@keyframes art-keep{0%,15%,40%,100%{opacity:0}25%,35%{opacity:1}}
@keyframes art-review{0%,47%,72%,100%{opacity:0}57%,67%{opacity:1}}

@media(prefers-reduced-motion:reduce){.phone-scene *{animation:none!important}.art-day{transform:translate(14px,-6px) rotate(5deg)}}

/* Compact studio landing composition: keep the first app within one viewport. */
.studio .site-header .header{padding-block:17px}
.studio .brand img{width:58px;height:32px}
.studio .nav{gap:24px;font-size:.875rem}
.studio .studio-hero{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);
  grid-template-areas:"eyebrow eyebrow" "title lead" "title actions";
  align-items:start;
  column-gap:clamp(48px,8vw,120px);
  row-gap:0;
  padding:54px 0 42px;
}
.studio .studio-hero>.eyebrow{grid-area:eyebrow;margin-bottom:32px}
.studio .studio-hero>h1{grid-area:title;margin:0;font-size:clamp(3.25rem,5.5vw,5rem);line-height:.98}
.studio .studio-hero>.lead{grid-area:lead;margin:4px 0 0;max-width:440px;font-size:1.12rem;line-height:1.58}
.studio .studio-hero>.actions{grid-area:actions;justify-content:flex-start;margin:24px 0 0}
.studio #apps{padding-top:36px}
.studio #apps .section-head{margin-bottom:20px}
.studio #apps .section-head .eyebrow{margin-bottom:10px}
.studio #apps h2{font-size:2rem;margin:0}
.studio .product-card{min-height:520px;max-height:560px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.studio .product-copy{padding:38px 44px}
.studio .product-copy img{width:58px;height:58px;margin-bottom:26px}
.studio .product-copy .eyebrow{margin-bottom:16px}
.studio .product-copy h3{font-size:clamp(2.5rem,3.5vw,3.1rem);line-height:1.03;margin-bottom:18px}
.studio .product-copy p{font-size:1rem;line-height:1.55;margin-bottom:18px}
.studio .product-copy .fine{margin-bottom:16px}
.studio .product-copy .button{min-height:46px;padding:10px 18px}

@media(max-width:900px){
  .studio .studio-hero{grid-template-columns:1fr .8fr;column-gap:38px}
  .studio .product-card{max-height:none;grid-template-columns:1fr}

}
@media(max-width:720px){
  .studio .site-header .header{padding-block:14px;align-items:center}
  .studio .brand img{width:48px;height:28px}
  .studio .nav{gap:14px}
  .studio .studio-hero{display:block;padding:42px 0 34px}
  .studio .studio-hero>.eyebrow{margin-bottom:22px}
  .studio .studio-hero>h1{font-size:clamp(2.75rem,13vw,3.7rem);line-height:1.01;margin-bottom:24px}
  .studio .studio-hero>.lead{font-size:1.02rem;margin:0;max-width:520px}
  .studio .studio-hero>.actions{margin-top:22px}
  .studio #apps{padding-top:28px}
  .studio #apps .section-head{margin-bottom:18px}
  .studio .product-copy{padding:28px}
  .studio .product-copy h3{font-size:2.35rem}

}

/* Anchor the app overview directly below the sticky header and fit short screens. */
html.studio{scroll-padding-top:68px}
.studio #apps{padding-top:20px}
.studio .product-card{
  height:clamp(450px,calc(100svh - 195px),520px);
  min-height:0;
  max-height:none;
}

@media(max-width:900px){
  .studio .product-card{height:auto}

}
@media(max-width:720px){
  html.studio{scroll-padding-top:62px}
  .studio #apps{padding-top:18px}

}

/* Swipe Photos: compact product page with a quieter app-led palette. */
html.swipe,body.swipe{
  --paper:#f4f1e9;
  --ink:#183033;
  --muted:#607173;
  --accent:#edb84f;
  --border:#d8d2c5;
  --card:#fffaf2;
  background:#f4f1e9;
  color:#183033;
}
.swipe .site-header{background:color-mix(in srgb,#f4f1e9 94%,transparent);border-color:#d8d2c5}
.swipe .site-header .header{padding-block:15px}
.swipe .brand{gap:11px;font-size:1rem;font-weight:610;letter-spacing:-.025em}
.swipe .brand img{width:42px;height:42px;border-radius:10px}
.swipe .nav{gap:24px;font-size:.875rem;font-weight:520}
.swipe .back-to-studio{color:#477b7d}
.swipe .button{background:#edb84f;color:#183033;border-radius:12px;font-weight:620}
.swipe .button.secondary{background:transparent;color:#183033;border-color:#cfc6b7}
.swipe .status{min-height:48px;padding:12px 20px;border-radius:12px;background:#183033;color:#fffaf2;font-weight:570}
.swipe .eyebrow{color:#607173;font-weight:620}

.swipe-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);align-items:center;gap:clamp(50px,8vw,110px);padding:52px 0 44px}
.swipe-hero-copy{max-width:650px}
.swipe-hero h1{font-size:clamp(3.4rem,6.4vw,5.6rem);line-height:.96;font-weight:570;letter-spacing:-.065em;margin:0 0 24px}
.swipe-hero h1 em{display:block;font-style:normal;color:#d86658;font-weight:570}
.swipe-hero .lead{max-width:520px;font-size:1.15rem;line-height:1.55;margin-bottom:0}
.swipe-hero .actions{margin:26px 0 14px}
.swipe-hero .fine{margin:0;color:#718082}
.swipe-hero-visual{min-height:500px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:28px 34px;border:1px solid #c6d7d1;border-radius:28px;background:#dbe7e2;overflow:hidden}
.swipe-hero-visual>.recording{gap:12px;justify-self:center}
.swipe-hero-visual .device-frame{width:220px;border-width:5px;border-color:#183033;border-radius:36px;box-shadow:0 20px 40px #24413d24}
.swipe-hero-visual>p{align-self:end;max-width:145px;margin:0 0 38px;font-size:.92rem;line-height:1.45;color:#526b6d}
.swipe-hero-visual>p strong{color:#183033}
.swipe-hero-visual .swipe-directions{width:260px;color:#183033}
.swipe-hero-visual .swipe-delete{color:#d86658}
.swipe-hero-visual .swipe-keep{color:#287e78}

.swipe-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d8d2c5;padding:20px 0;gap:26px}
.swipe-benefits>div{display:flex;align-items:baseline;gap:10px}
.swipe-benefits strong{font-size:.9rem;font-weight:650}
.swipe-benefits span{font-size:.84rem;color:#607173}

.swipe .section{padding:64px 0}
.swipe .feature-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin:0 0 28px}
.swipe .feature-intro .eyebrow{grid-column:1/-1;margin-bottom:-26px}
.swipe .feature-intro h2{font-size:clamp(2.4rem,4vw,3.65rem);line-height:1;margin:0;font-weight:570;letter-spacing:-.055em}
.swipe .feature-intro>p:last-child{max-width:430px;margin:0;color:#607173;font-size:1rem}
.swipe .feature-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.swipe .feature-story{display:flex;flex-direction:column;border:1px solid #d0d9d4;border-radius:24px;overflow:hidden;color:#183033;background:#e4ece7;min-width:0}
.swipe .feature-story.story-matches{background:#e8e5ee;border-color:#d8d2df}
.swipe .feature-story.story-review{background:#f1e0d9;border-color:#e1cec6}
.swipe .story-copy,.swipe .story-matches .story-copy{order:1;padding:28px 28px 22px;min-height:245px;grid-column:auto;grid-row:auto}
.swipe .story-stage,.swipe .story-matches .story-stage{order:2;display:grid;place-items:center;padding:20px 20px 0;min-height:390px;grid-column:auto;grid-row:auto;background:#ffffff3d}
.swipe .story-index{font-size:.67rem;margin:0 0 18px;color:#607173;letter-spacing:.12em}
.swipe .story-copy h3{font-size:2rem;line-height:1.02;margin:0 0 14px;font-weight:590;letter-spacing:-.045em}
.swipe .story-description{font-size:.95rem;line-height:1.5;margin:0 0 18px;color:#526668}
.swipe .story-tags{gap:7px;margin:0}
.swipe .story-tags li{padding:7px 10px;font-size:.66rem;border-color:#8fa7a0;background:#ffffff55}
.swipe .story-stage .device-frame{width:190px;border-width:5px;border-color:#183033;border-radius:32px;box-shadow:0 15px 32px #1830331b}

.swipe .privacy-section{padding-top:42px}
.swipe .privacy-band{grid-template-columns:1fr 1fr;gap:60px;padding:42px 46px;border-radius:24px;background:#183033;border-color:#315154;color:#fffaf2}
.swipe .privacy-band h2{font-size:clamp(2.25rem,3.8vw,3.35rem);line-height:1.02;margin:0;font-weight:550;letter-spacing:-.05em}
.swipe .privacy-band p{margin:0 0 18px;color:#d4dfdc}
.swipe .privacy-band a{color:#f0c76e}
.swipe .faq-section{padding-top:34px}
.swipe .faq-layout{grid-template-columns:.72fr 1.28fr;gap:70px}
.swipe .faq-layout h2{font-size:2.5rem;line-height:1.05;font-weight:560}
.swipe details{padding:18px 0;border-color:#d8d2c5}
.swipe summary{font-size:1rem;font-weight:620}
.swipe details p{font-size:.92rem;line-height:1.55}

@media(max-width:900px){
  .swipe-hero{grid-template-columns:1fr;gap:34px;padding-top:42px}
  .swipe-hero-copy{max-width:720px}
  .swipe-hero-visual{min-height:470px}
  .swipe .feature-stories{grid-template-columns:1fr 1fr}
  .swipe .feature-story:last-child{grid-column:1/-1}
  .swipe .feature-story:last-child .story-stage{min-height:360px}
}
@media(max-width:720px){
  .swipe .site-header .header{padding-block:12px;align-items:center}
  .swipe .brand{font-size:.86rem;gap:8px}
  .swipe .brand img{width:36px;height:36px}
  .swipe .nav{gap:12px;font-size:.78rem}
  .swipe-hero{padding:36px 0 30px}
  .swipe-hero h1{font-size:clamp(2.75rem,13vw,4rem)}
  .swipe-hero .lead{font-size:1.03rem}
  .swipe-hero-visual{grid-template-columns:1fr;min-height:0;padding:24px 18px 20px}
  .swipe-hero-visual .device-frame{width:205px}
  .swipe-hero-visual>p{display:none}
  .swipe-benefits{grid-template-columns:1fr;gap:12px;padding:18px 0}
  .swipe-benefits>div{justify-content:space-between}
  .swipe .section{padding:48px 0}
  .swipe .feature-intro{display:block;margin-bottom:24px}
  .swipe .feature-intro .eyebrow{margin-bottom:16px}
  .swipe .feature-intro h2{margin-bottom:16px}
  .swipe .feature-stories{grid-template-columns:1fr}
  .swipe .feature-story:last-child{grid-column:auto}
  .swipe .story-copy{min-height:0;padding:25px 24px 20px}
  .swipe .story-stage,.swipe .feature-story:last-child .story-stage{min-height:360px}
  .swipe .privacy-band{grid-template-columns:1fr;gap:24px;padding:32px 26px}
  .swipe .faq-layout{grid-template-columns:1fr;gap:30px}
}
@media(max-width:430px){
  .swipe .brand{max-width:160px;line-height:1.05}
  .swipe .back-to-studio{font-size:0}
  .swipe .back-to-studio:after{content:"← Studio";font-size:.76rem}
  .swipe-hero-visual .swipe-directions{width:230px}
}

/* Swipe Photos dark campaign system, shared with the animated studio artwork. */
html.swipe,body.swipe{
  --paper:#151d20;
  --ink:#faf7ee;
  --muted:#b9c4c1;
  --accent:#f6b000;
  --border:#354347;
  --card:#202a2d;
  background:#151d20;
  color:#faf7ee;
}
.swipe .site-header{background:color-mix(in srgb,#151d20 94%,transparent);border-color:#354347}
.swipe .brand,.swipe .nav{color:#faf7ee}
.swipe .back-to-studio{color:#8dd0d4}
.swipe .eyebrow{color:#8fb1b1}
.swipe .button{background:#f6b000;color:#243035}
.swipe .button.secondary{background:#ffffff06;color:#faf7ee;border-color:#526064}
.swipe .status{background:#faf7ee;color:#243035}
.swipe-hero h1{color:#faf7ee}
.swipe-hero h1 em{color:#f35f50}
.swipe-hero .lead,.swipe-hero .fine{color:#b9c4c1}
.swipe-hero-visual.swipe-animated-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-height:520px;
  padding:18px 20px 24px;
  overflow:hidden;
  border-color:#41636a;
  background:
    radial-gradient(circle at 16% 84%,#f35f50 0 12%,transparent 12.5%),
    radial-gradient(circle at 90% 12%,#f6b000 0 19%,transparent 19.5%),
    linear-gradient(145deg,#2f98a3 0,#3f858c 48%,#243035 100%);
}
.swipe-animated-hero:before{content:"";position:absolute;width:390px;aspect-ratio:1;border:1px solid #faf7ee38;border-radius:50%;right:-145px;top:-135px;box-shadow:0 0 0 62px #faf7ee14,0 0 0 124px #faf7ee0a;z-index:-1}

.swipe-benefits{border-color:#354347}
.swipe-benefits strong{color:#faf7ee}
.swipe-benefits span{color:#9fb0ad}
.swipe .feature-intro h2{color:#faf7ee}
.swipe .feature-intro>p:last-child{color:#b9c4c1}
.swipe .feature-stories{display:flex;flex-direction:column;gap:20px}
.swipe .feature-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:500px;border-color:#405055;border-radius:24px;background:#202a2d;color:#faf7ee}
.swipe .feature-story.story-matches{background:#202a2d;border-color:#405055}
.swipe .feature-story.story-review{background:#202a2d;border-color:#405055}
.swipe .story-copy,.swipe .story-matches .story-copy{grid-column:1;grid-row:1;order:initial;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:44px}
.swipe .story-stage,.swipe .story-matches .story-stage{grid-column:2;grid-row:1;order:initial;min-height:500px;padding:28px 30px;background:#dce8e4}
.swipe .story-matches .story-copy{grid-column:2}
.swipe .story-matches .story-stage{grid-column:1;background:#e2e0e9}
.swipe .story-review .story-stage{background:#efdcd5}
.swipe .story-index{color:#8dd0d4}
.swipe .story-copy h3{font-size:clamp(2.35rem,4vw,3.5rem);color:#faf7ee}
.swipe .story-description{max-width:420px;color:#c7d1ce;font-size:1rem}
.swipe .story-tags li{color:#e8eeee;border-color:#637579;background:#ffffff08}
.swipe .story-stage .device-frame{width:198px}
.swipe .privacy-band{background:#2f777b;border-color:#4d989b}
.swipe .privacy-band p{color:#e0efec}
.swipe .privacy-band a{color:#ffd36b}
.swipe .faq-layout h2,.swipe summary{color:#faf7ee}
.swipe details{border-color:#354347}
.swipe details p{color:#b9c4c1}
.swipe .footer{border-color:#354347}
.swipe .footer p{color:#9fb0ad}
.swipe .support-contact,.swipe .card{background:#202a2d;border-color:#405055}

@media(max-width:900px){

  .swipe .feature-story,.swipe .feature-story.story-matches{grid-template-columns:1fr 1fr;min-height:470px}
  .swipe .story-stage,.swipe .story-matches .story-stage{min-height:470px}
  .swipe .story-copy,.swipe .story-matches .story-copy{padding:32px}
}
@media(max-width:720px){
  .swipe-hero-visual.swipe-animated-hero{min-height:450px;padding:12px 12px 18px}

  .swipe .feature-story,.swipe .feature-story.story-matches{display:flex;min-height:0}
  .swipe .story-copy,.swipe .story-matches .story-copy{order:1;padding:28px 25px}
  .swipe .story-stage,.swipe .story-matches .story-stage{order:2;min-height:420px;padding:22px}
  .swipe .story-stage .device-frame{width:178px}
}

/* Swipe Photos: let the generated little scenes set the tone of the product page. */
html.swipe,body.swipe{
  --paper:#faf7ee;
  --ink:#243035;
  --muted:#58696b;
  --accent:#f6b000;
  --border:#e2d8c5;
  --card:#fffdf8;
  color:var(--ink);
  background:var(--paper)
}
.swipe .site-header{background:#faf7eef2;border-color:#e2d8c5}
.swipe .brand,.swipe .nav{color:#243035}
.swipe .back-to-studio{color:#287e85}
.swipe .eyebrow{color:#287e85}
.swipe-hero h1{color:#243035}
.swipe-hero h1 em{color:#d95749}
.swipe-hero .lead,.swipe-hero .fine{color:#58696b}
.swipe .button{background:#f6b000;color:#243035}
.swipe .button.secondary{background:#fffdf8;color:#243035;border-color:#dfd4bd}
.swipe .status{background:#243035;color:#faf7ee}
.swipe-hero-visual.swipe-animated-hero{
  min-height:560px;
  border:1px solid #d4dfd7;
  background:
    radial-gradient(circle at 7% 11%,#f6b000 0 7%,transparent 7.2%),
    radial-gradient(circle at 93% 87%,#f35f50 0 10%,transparent 10.2%),
    linear-gradient(145deg,#e5f0e8 0%,#dce9e2 52%,#c7e2df 100%);
  box-shadow:0 22px 65px #2430350c
}
.swipe-animated-hero:before{border-color:#24303524;box-shadow:0 0 0 62px #fffdf830,0 0 0 124px #fffdf81a}

.swipe-animated-hero>.scene-tile{position:absolute;z-index:1;width:112px;height:112px;padding:5px;border:1px solid #ffffffb8;border-radius:23px;background:#fffdf8;box-shadow:0 12px 32px #24303518;overflow:hidden}
.swipe-animated-hero>.scene-tile img{width:100%;height:100%;display:block;object-fit:cover;border-radius:17px}
.swipe-animated-hero>.scene-tile figcaption{display:none}
.swipe-animated-hero>.scene-tile:nth-child(1){left:6%;top:12%;transform:rotate(-8deg)}
.swipe-animated-hero>.scene-tile:nth-child(2){right:7%;top:16%;transform:rotate(7deg)}
.swipe-animated-hero>.scene-tile:nth-child(3){left:8%;bottom:11%;transform:rotate(6deg)}
.swipe-animated-hero>.scene-tile:nth-child(4){right:6%;bottom:10%;transform:rotate(-7deg)}
.swipe-benefits{border-color:#e2d8c5}
.swipe-benefits strong{color:#243035}
.swipe-benefits span{color:#58696b}
.swipe .scene-section{padding-top:74px;padding-bottom:80px}
.swipe .scene-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:48px;margin-bottom:28px}
.swipe .scene-intro .eyebrow{margin-bottom:14px}
.swipe .scene-intro h2{max-width:660px;margin:0;color:#243035;font-size:clamp(2.2rem,4.1vw,3.35rem);font-weight:570;letter-spacing:-.055em}
.swipe .scene-intro>p{max-width:360px;margin:0 0 4px;color:#58696b}
.swipe .scene-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.swipe .scene-tile{position:relative;aspect-ratio:1;overflow:hidden;padding:6px;border:1px solid #e2d8c5;border-radius:22px;background:#fffdf8;box-shadow:0 8px 24px #2430350a}
.swipe .scene-tile img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px;background:#e5f0e8;transition:transform .35s ease}
.swipe .scene-gallery .scene-tile:hover img{transform:scale(1.045)}
.swipe .scene-gallery figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff8c;border-radius:100px;background:#fffdf0e8;color:#243035;font-size:.72rem;font-weight:600;line-height:1.2;text-align:center;backdrop-filter:blur(12px)}
.swipe .feature-intro h2{color:#243035}
.swipe .feature-intro>p:last-child{color:#58696b}
.swipe .feature-story,.swipe .feature-story.story-matches,.swipe .feature-story.story-review{
  border:1px solid #e2d8c5;
  background:#fffdf8;
  color:#243035;
  box-shadow:0 14px 42px #2430350a
}
.swipe .story-copy h3,.swipe .story-matches .story-copy h3{color:#243035}
.swipe .story-description{color:#58696b}
.swipe .story-index{color:#287e85}
.swipe .story-tags li{color:#3c5052;border-color:#c6d5d2;background:#eef5f1}
.swipe .story-stage,.swipe .story-overview .story-stage{background:#dcebe4}
.swipe .story-matches .story-stage{background:#d9e9eb}
.swipe .story-videos .story-stage{background:#ffe9b9}
.swipe .story-review .story-stage{background:#f9d9d1}
.swipe .privacy-band{background:#243f42;border-color:#3f6969}
.swipe .privacy-band p{color:#d9e6e1}
.swipe .privacy-band .eyebrow,.swipe .privacy-band a{color:#ffcf5c}
.swipe .faq-layout h2,.swipe summary{color:#243035}
.swipe details{border-color:#e2d8c5}
.swipe details p,.swipe .footer p{color:#58696b}
.swipe .footer{border-color:#e2d8c5}
.swipe .support-contact,.swipe .card{background:#fffdf8;border-color:#e2d8c5;color:#243035}
.swipe .support-contact p,.swipe .card p{color:#58696b}
@media(max-width:900px){
  .swipe .scene-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
  .swipe-animated-hero>.scene-tile{width:98px;height:98px}
}
@media(max-width:720px){
  .swipe .scene-section{padding-top:55px;padding-bottom:60px}
  .swipe .scene-intro{display:block;margin-bottom:22px}
  .swipe .scene-intro h2{font-size:2.35rem;margin-bottom:14px}
  .swipe .scene-intro>p{font-size:.96rem}
  .swipe .scene-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .swipe .scene-tile{padding:5px;border-radius:18px}
  .swipe .scene-tile img{border-radius:13px}
  .swipe .scene-gallery figcaption{left:9px;right:9px;bottom:9px;font-size:.67rem;padding:7px 6px}
  .swipe-hero-visual.swipe-animated-hero{min-height:470px}

  .swipe-animated-hero>.scene-tile{width:76px;height:76px;padding:4px;border-radius:17px}
  .swipe-animated-hero>.scene-tile img{border-radius:12px}
  .swipe-animated-hero>.scene-tile:nth-child(1){left:3%;top:12%}
  .swipe-animated-hero>.scene-tile:nth-child(2){right:3%;top:13%}
  .swipe-animated-hero>.scene-tile:nth-child(3){left:4%;bottom:9%}
  .swipe-animated-hero>.scene-tile:nth-child(4){right:3%;bottom:8%}
}
@media(prefers-reduced-motion:reduce){.swipe .scene-gallery .scene-tile img{transition:none}}
/* Hero scene cards float behind the illustrated phone instead of joining the gallery grid. */
.swipe .swipe-animated-hero>.scene-tile{position:absolute;aspect-ratio:1;flex:none}
.swipe .swipe-animated-hero>.scene-tile img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:900px){.swipe .swipe-animated-hero>.scene-tile{width:98px;height:98px}}
@media(max-width:720px){.swipe .swipe-animated-hero>.scene-tile{width:76px;height:76px}}

/* The app microsite continues the dark Vareniq Studio canvas; illustrations carry the light. */
html.swipe,body.swipe{
  --paper:#151d20;
  --ink:#faf7ee;
  --muted:#b9c4c1;
  --accent:#f6b000;
  --border:#354347;
  --card:#202a2d;
  color:var(--ink);
  background:#151d20
}
.swipe .site-header{background:#151d20f2;border-color:#354347}
.swipe .brand,.swipe .nav{color:#faf7ee}
.swipe .back-to-studio{color:#8dd0d4}
.swipe .eyebrow{color:#8dd0d4}
.swipe-hero h1{color:#faf7ee}
.swipe-hero h1 em{color:#f35f50}
.swipe-hero .lead,.swipe-hero .fine{color:#b9c4c1}
.swipe .button{background:#f6b000;color:#243035}
.swipe .button.secondary{background:#ffffff08;color:#faf7ee;border-color:#526064}
.swipe .status{background:#faf7ee;color:#243035}
.swipe-hero-visual.swipe-animated-hero{
  border-color:#41636a;
  background:
    radial-gradient(circle at 8% 88%,#f35f50 0 13%,transparent 13.3%),
    radial-gradient(circle at 93% 8%,#f6b000 0 19%,transparent 19.3%),
    linear-gradient(145deg,#2f98a3 0%,#347d83 47%,#24383c 100%);
  box-shadow:0 22px 65px #00000024
}
.swipe-animated-hero:before{border-color:#faf7ee38;box-shadow:0 0 0 62px #faf7ee14,0 0 0 124px #faf7ee0a}

.swipe .swipe-animated-hero>.scene-tile{border-color:#ffffffb8;background:#fffdf8;box-shadow:0 12px 32px #07131532}
.swipe-benefits{border-color:#354347}
.swipe-benefits strong{color:#faf7ee}
.swipe-benefits span{color:#aebbb8}
.swipe .scene-section{padding-top:72px;padding-bottom:52px}
.swipe .scene-intro h2{color:#faf7ee}
.swipe .scene-intro>p{color:#b9c4c1}
.swipe .scene-gallery .scene-tile{border-color:#455356;background:#202a2d;box-shadow:0 8px 24px #00000020}
.swipe .scene-gallery figcaption{border-color:#ffffffaa;background:#faf7eee8;color:#243035}
.swipe .feature-showcase{padding-top:44px}
.swipe .feature-intro{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-areas:"eyebrow copy" "title copy";
  align-items:end;
  column-gap:clamp(44px,7vw,88px);
  row-gap:8px;
  margin:0 0 34px
}
.swipe .feature-intro .eyebrow{grid-area:eyebrow;margin:0}
.swipe .feature-intro h2{grid-area:title;color:#faf7ee;font-size:clamp(2.35rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.055em;white-space:nowrap}
.swipe .feature-intro>p:last-child{grid-area:copy;align-self:center;max-width:420px;margin:0;color:#b9c4c1;font-size:1.05rem;line-height:1.6}
.swipe .feature-story,.swipe .feature-story.story-matches,.swipe .feature-story.story-review{
  border-color:#405055;
  background:#202a2d;
  color:#faf7ee;
  box-shadow:0 14px 42px #00000018
}
.swipe .story-copy h3,.swipe .story-matches .story-copy h3{color:#faf7ee}
.swipe .story-description{color:#c7d1ce}
.swipe .story-index{color:#8dd0d4}
.swipe .story-tags li{color:#e8eeee;border-color:#637579;background:#ffffff08}
.swipe .story-stage,.swipe .story-overview .story-stage{background:#dce8e4}
.swipe .story-matches .story-stage{background:#d7e7e9}
.swipe .story-videos .story-stage{background:#ffe5a6}
.swipe .story-review .story-stage{background:#f5d4cb}
.swipe .privacy-band{background:#2f777b;border-color:#4d989b}
.swipe .privacy-band p{color:#e0efec}
.swipe .privacy-band .eyebrow,.swipe .privacy-band a{color:#ffd36b}
.swipe .faq-layout h2,.swipe summary{color:#faf7ee}
.swipe details{border-color:#354347}
.swipe details p,.swipe .footer p{color:#b9c4c1}
.swipe .footer{border-color:#354347}
.swipe .support-contact,.swipe .card{background:#202a2d;border-color:#405055;color:#faf7ee}
.swipe .support-contact p,.swipe .card p{color:#c7d1ce}
@media(max-width:900px){
  .swipe .feature-intro{column-gap:36px}
  .swipe .feature-intro h2{font-size:clamp(2.2rem,4vw,3rem)}
}
@media(max-width:720px){
  .swipe .scene-section{padding-top:55px;padding-bottom:42px}
  .swipe .feature-showcase{padding-top:34px}
  .swipe .feature-intro{display:block;margin-bottom:24px}
  .swipe .feature-intro .eyebrow{margin-bottom:14px}
  .swipe .feature-intro h2{font-size:2.35rem;white-space:normal;margin:0 0 14px}
  .swipe .feature-intro>p:last-child{font-size:1rem}
}
.swipe .feature-intro{width:100%;max-width:none}
.swipe-hero .actions>.status{min-height:0;padding:0;background:transparent;color:#b9c4c1;border-radius:0;font-size:.95rem}
.swipe-hero .actions>.button.secondary{background:#f6b000;color:#243035;border-color:#f6b000}

/* A compact editorial collage gives the illustrations a clear message and purpose. */
.swipe .memory-section{padding-top:46px;padding-bottom:48px}
.swipe .memory-card{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(30px,5vw,70px);padding:clamp(26px,4vw,52px);border:1px solid #405055;border-radius:28px;background:#202a2d;overflow:hidden}
.swipe .memory-copy{max-width:440px}
.swipe .memory-copy .eyebrow{margin:0 0 16px;color:#8dd0d4}
.swipe .memory-copy h2{margin:0 0 18px;color:#faf7ee;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.02;font-weight:570;letter-spacing:-.055em}
.swipe .memory-copy>p:last-child{max-width:390px;margin:0;color:#b9c4c1;font-size:1.03rem;line-height:1.6}
.swipe .memory-collage{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:22px;border:1px solid #46656a;border-radius:23px;background:radial-gradient(circle at 85% 12%,#f6b000 0 9%,transparent 9.3%),radial-gradient(circle at 12% 88%,#f35f50 0 13%,transparent 13.3%),linear-gradient(145deg,#2f98a3,#28484b);box-shadow:0 18px 46px #07131528}
.swipe .memory-tile{position:relative;aspect-ratio:1;margin:0;padding:4px;border:1px solid #ffffffb8;border-radius:15px;background:#fffdf8;box-shadow:0 7px 16px #07131526;overflow:hidden}
.swipe .memory-tile img{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover}
.swipe .memory-tile:nth-child(3n + 1){transform:translateY(5px) rotate(-2deg)}
.swipe .memory-tile:nth-child(3n + 2){transform:translateY(-5px) rotate(2deg)}
.swipe .memory-tile:nth-child(3n){transform:translateY(2px) rotate(-1deg)}
.swipe .studio-credit{color:#8dd0d4;font-weight:600}
.swipe .studio-credit span{display:inline-block;margin-left:3px;transition:transform .18s ease}
.swipe .studio-credit:hover span{transform:translate(2px,-2px)}

/* Feature stories alternate sides on wide screens and read top-to-bottom on phones. */
@media(min-width:721px){
  .swipe .feature-story:nth-child(even) .story-copy{grid-column:2;grid-row:1}
  .swipe .feature-story:nth-child(even) .story-stage{grid-column:1;grid-row:1}
  .swipe .feature-story.story-matches .story-copy{grid-column:1}
  .swipe .feature-story.story-matches .story-stage{grid-column:2;background:#d7e7e9}
}
@media(max-width:900px){
  .swipe .memory-card{grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);gap:26px;padding:28px}
  .swipe .memory-collage{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px}
}
@media(max-width:720px){
  .swipe .memory-section{padding-top:28px;padding-bottom:34px}
  .swipe .memory-card{grid-template-columns:1fr;gap:24px;padding:26px 22px;border-radius:23px}
  .swipe .memory-copy h2{font-size:2.25rem}
  .swipe .memory-copy>p:last-child{font-size:.97rem}
  .swipe .memory-collage{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:13px;border-radius:18px}
  .swipe .memory-tile{padding:3px;border-radius:11px}
  .swipe .memory-tile img{border-radius:7px}
}
@media(prefers-reduced-motion:reduce){.swipe .studio-credit span{transition:none}}