/* Distinct roles: app support and practical help for keeping a familiar phone. */
.purpose-hero{max-width:1400px;margin:auto;padding:52px 64px 50px;display:grid;grid-template-columns:1.03fr 1fr;gap:64px;align-items:center}
.purpose-hero h1{font-size:clamp(3.2rem,5.1vw,5.1rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 26px;font-weight:650}
.purpose-hero h1 em{font-style:normal;color:#b73723}
.purpose-lede{font-size:1.16rem;max-width:550px;line-height:1.7;margin:0 0 28px;color:var(--muted)}
.purpose-actions{display:flex;flex-wrap:wrap;gap:12px}
.purpose-portrait{position:relative;margin:0;min-width:0;border-radius:26px;overflow:hidden;height:570px;background:#e9e7df}
.purpose-portrait>img{width:100%;height:100%;object-fit:cover;object-position:53% 50%}
.purpose-portrait figcaption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:15px;padding:20px;background:#fffffff5;border-radius:15px;color:#263832;font-size:.95rem;line-height:1.5;box-shadow:0 8px 30px #0001}
.purpose-portrait figcaption strong{display:block;font-size:1.05rem;margin-bottom:3px}
.reassurance-check{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:50%;background:#e2f4e6;color:#28743e;font-size:1.6rem}
.hero-contact{margin-top:32px;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted)}
.hero-contact a{font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.help-paths{max-width:1272px;margin:0 auto 55px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:30px 0}
.help-paths>a{display:block;padding:0 30px;border-right:1px solid var(--line)}
.help-paths>a:first-child{padding-left:0}.help-paths>a:last-child{border:0;padding-right:0}
.help-paths>a>span:first-child{font-size:.85rem;letter-spacing:.03em;color:var(--accent)}
.help-paths strong{display:block;font-size:1.45rem;letter-spacing:-.03em;margin:10px 0 8px;line-height:1.35}
.help-paths>a>span:last-child{display:flex;gap:10px;justify-content:space-between;font-size:.95rem;color:var(--muted);line-height:1.6}
.help-paths b{font-size:1.2rem;color:var(--accent)}
.help-paths a:hover strong{text-decoration:underline;text-underline-offset:5px}
.phone-theme .keep-hero{max-width:none;padding:0;gap:0;background:#153b54;grid-template-columns:1fr 1.02fr}
.phone-theme .keep-hero .purpose-copy{padding:64px 50px 60px max(calc((100vw - 1272px)/2),5vw)}
.phone-theme .keep-hero h1{font-family:Lora,Georgia,serif;font-weight:500;color:#fff;font-size:clamp(3.7rem,5.4vw,5.4rem);letter-spacing:-.055em}
.phone-theme .keep-hero h1 em,.phone-theme .keep-hero .eyebrow{color:#ffdc89}
.phone-theme .keep-hero .purpose-lede{color:#e3edf2;max-width:470px}
.phone-theme .keep-hero .purpose-portrait{height:715px;border-radius:0}
.phone-theme .keep-hero .button.primary{background:#ffdc89;color:#153b54}
.phone-theme .keep-hero .button.secondary{color:#fff;border-color:#a6c0ce}
.phone-theme .keep-hero .button.secondary:hover{background:#ffffff16;color:#fff}
.phone-theme .keep-hero .button:hover{filter:brightness(1.1)}
.phone-theme .keep-hero a:focus-visible{outline-color:#ffdc89}
.familiar-models{font-size:.95rem;color:#c4d7e1;line-height:1.6;margin:28px 0 0}
.remember-band{padding:42px max(calc((100vw - 1272px)/2),5vw) 50px;background:#fff4d8}
.remember-band>.eyebrow{margin-bottom:22px}
.remember-band>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.remember-band h2{font-family:Lora,Georgia,serif;font-size:2.5rem;line-height:1.2;letter-spacing:-.045em;margin:0}
.remember-band p:not(.eyebrow){font-size:1.13rem;line-height:1.8;max-width:620px;margin:0}
.support-contact{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--tint);max-width:400px}
.support-contact strong,.support-contact a,.support-contact span{display:block}
.support-contact strong{font-size:1.1rem;margin-bottom:10px}
.support-contact a{color:var(--accent);text-decoration:underline;text-underline-offset:5px;font-size:1.05rem;font-weight:650;margin-bottom:15px}
.support-contact span{font-size:.95rem;line-height:1.7;color:var(--muted)}
.space-theme #support{padding-top:45px;border-top:0}
.text-link{display:inline-flex;gap:12px;align-items:baseline;color:var(--accent);font-size:1rem;font-weight:650;text-decoration:underline;text-underline-offset:5px;line-height:1.65}
.actual-app-section{padding-top:85px}
.actual-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.actual-app-grid figure{margin:0;min-width:0}
.actual-app-grid figure>a{display:block;border-radius:23px;overflow:hidden;background:#97bded;border:1px solid #95bce5;box-shadow:0 16px 35px #103f5b12;transition:transform .2s}
.actual-app-grid figure>a:hover{transform:translateY(-4px)}
.actual-app-grid img{display:block;width:100%;height:auto;aspect-ratio:1290/2796;object-fit:contain}
.actual-app-grid figcaption{padding:25px 4px 0}
.actual-app-grid figcaption>span{font-size:.875rem;color:var(--accent);letter-spacing:.03em}
.actual-app-grid figcaption strong{display:block;font-size:1.5rem;line-height:1.3;letter-spacing:-.04em;margin:10px 0}
.actual-app-grid figcaption p{font-size:1.05rem;margin:0;color:var(--muted)}
.reference-note{font-size:.875rem;color:var(--muted);line-height:1.65;max-width:800px;margin:28px 0 0}
.operator-section{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;background:#f8eee6;border-radius:28px}
.operator-section h2{font-size:clamp(2.4rem,3.8vw,3.9rem);line-height:1.15;letter-spacing:-.05em;margin-bottom:25px}
.operator-section>div>p:not(.eyebrow){font-size:1.1rem;max-width:580px}
.operator-card{background:#fffdf9;border:1px solid #e8d9cb;border-radius:20px;padding:35px}
.operator-card>img{width:70px;height:70px;border-radius:18px;margin-bottom:24px}
.operator-card>strong,.operator-card>span,.operator-card>a{display:block;overflow-wrap:anywhere}
.operator-card>strong{font-size:1.3rem;line-height:1.4;margin-bottom:9px}
.operator-card>span{font-size:.9rem;color:var(--muted);margin-bottom:22px}
.operator-card>a{font-size:1rem;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.operator-card>p{font-size:.95rem!important;color:var(--muted);margin:14px 0 23px}
.operator-card>.text-link{font-size:.9rem}
.storage-lesson{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.storage-lesson h2{font-family:Lora,Georgia,serif;font-size:clamp(2.6rem,4vw,4.1rem);line-height:1.15;letter-spacing:-.05em;margin-bottom:25px}
.storage-lesson>div>p:not(.eyebrow){font-size:1.1rem;line-height:1.75}
.storage-lesson-card{padding:38px;border:1px solid #d9e0dd;border-radius:23px;background:#fff;box-shadow:0 18px 50px #173e5010}
.storage-lesson-card h3{margin:10px 0 24px;font-size:1.5rem}
.storage-amount strong,.storage-amount>span{display:block}
.storage-amount strong{color:#b83525;font-size:1.15rem}
.storage-amount>span{font-size:.9rem;color:#687782;margin-top:3px}
.storage-colour-bar{display:flex;gap:3px;height:35px;border-radius:7px;overflow:hidden;margin:20px 0 15px;background:#eee}
.storage-colour-bar i:nth-child(1){width:42%;background:#ff343b}.storage-colour-bar i:nth-child(2){width:20%;background:#ff8b1b}.storage-colour-bar i:nth-child(3){width:30%;background:#ffcc00}.storage-colour-bar i:nth-child(4){width:8%;background:#c5c5cb}
.storage-key{display:flex;gap:8px 15px;flex-wrap:wrap;font-size:.875rem;line-height:1.5;margin-bottom:25px}
.storage-key span{display:flex;align-items:center;gap:7px}.storage-key b{display:block;width:10px;height:10px;border-radius:2px;background:#ff343b}
.storage-key span:nth-child(2) b{background:#ff8b1b}.storage-key span:nth-child(3) b{background:#ffcc00}.storage-key span:nth-child(4) b{background:#c5c5cb}
.storage-lesson-card>p{font-size:1rem!important;border-top:1px solid var(--line);padding-top:22px;margin-bottom:18px}
.storage-lesson-card>a{font-size:.9rem}
.app-help-section{background:var(--tint);border-radius:28px}
.app-guide-list{border-top:1px solid var(--line)}
.app-guide-list>details{border-bottom:1px solid var(--line);padding:0}
.app-guide-list summary{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;list-style:none;cursor:pointer;padding:26px 45px 26px 0;line-height:1.5}
.app-guide-list summary::-webkit-details-marker{display:none}
.app-guide-list summary:after{content:'+';position:absolute;right:0;top:26px;font-size:1.65rem;color:var(--accent);line-height:1}
.app-guide-list details[open] summary:after{content:'−'}
.app-guide-list summary>span:first-child{font-size:1.3rem;font-weight:650;letter-spacing:-.025em}
.guide-summary-note{font-size:1rem;color:var(--muted)}
.app-guide-content{display:grid;grid-template-columns:minmax(210px,310px) 1fr;gap:60px;align-items:center;padding:15px 0 40px}
.app-guide-content>a{display:block;width:100%;border:1px solid #e0e5e8;border-radius:18px;overflow:hidden;background:#fff}
.app-guide-content img{display:block;width:100%;height:auto;border-radius:18px}
.app-guide-content h3{font-size:2rem;line-height:1.25;letter-spacing:-.04em;max-width:400px;margin-bottom:25px}
.app-guide-content p{font-size:1.1rem;max-width:510px;line-height:1.8}
.app-guide-content .guide-reminder{font-size:1rem;border-left:3px solid var(--accent);padding-left:18px;margin:30px 0}
.tips-video-demo .compression-demo{max-width:1000px}
.tips-video-demo .compression-pair{gap:28px}.tips-video-demo .clip-wrap{background:#dce4e8}
.tips-video-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.tips-video-demo .example-button{margin-top:25px}
.tips-video-demo .example-note{font-size:.9rem;color:var(--muted);line-height:1.6;margin-top:18px}
.video-grid .text-link{font-size:.95rem;margin-top:18px}
.phone-theme .intro-strip strong a:hover{text-decoration:underline;text-underline-offset:5px}
/* The supplied portrait crops are family-photo examples, not recreations of app screens. */
.duplicate-photos .memory-frame{background-image:url('/assets/app-reference/duplicates.jpg');background-size:222% auto;background-position:5.87% 21.62%}
.duplicate-photos .duplicate-copy .memory-frame{background-position:98% 21.62%}
.similar-photos .memory-frame{background-image:url('/assets/app-reference/similar.jpg');background-size:222% auto;background-position:5.87% 21.62%}
.similar-photos .memory-1{background-position:98% 21.62%}
.phone-theme .audience-photo{object-position:52% 38%}
@media(max-width:1000px){.operator-section,.storage-lesson{gap:40px}.operator-card{padding:26px}.actual-app-grid{gap:22px}.actual-app-grid figcaption strong{font-size:1.3rem}.app-guide-content{gap:35px;grid-template-columns:260px 1fr}.storage-lesson-card{padding:28px}.storage-key{font-size:.8rem}}
@media(max-width:740px){.actual-app-section{padding:60px 24px}.actual-app-grid{grid-template-columns:1fr;gap:40px;max-width:390px;margin:auto}.actual-app-grid figure>a{max-width:300px;margin:auto}.actual-app-grid figcaption{padding:22px 0 0}.actual-app-grid figcaption strong{font-size:1.45rem}.reference-note{font-size:.875rem;margin-top:30px}.operator-section,.storage-lesson{grid-template-columns:1fr;gap:30px;border-radius:0}.operator-section h2,.storage-lesson h2{font-size:2.6rem}.operator-card{padding:28px}.support-contact{padding:23px;max-width:none}.space-theme #support{padding-top:30px}.storage-lesson-card{padding:25px}.app-help-section{border-radius:0}.app-guide-list summary{grid-template-columns:1fr;gap:5px;padding:24px 35px 24px 0}.app-guide-list summary>span:first-child{font-size:1.15rem}.guide-summary-note{font-size:.95rem}.app-guide-content{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding-bottom:30px}.app-guide-content>a{max-width:285px;margin:0 auto}.app-guide-content h3{font-size:1.6rem;margin-bottom:18px}.app-guide-content p{font-size:1.05rem}.app-guide-content .guide-reminder{font-size:.95rem;margin:22px 0}.tips-video-demo .compression-pair{grid-template-columns:1fr}.phone-theme .brand strong{font-size:1.05rem}.phone-theme .brand small{font-size:.75rem}}
@media(max-width:600px){.site-header .brand{min-width:0;flex-shrink:1}.site-header .brand small{font-size:.75rem}.phone-theme .site-header .brand strong{font-size:.98rem}.site-header .header-cta{flex-shrink:0}.menu-toggle{flex-shrink:0}.purpose-hero .button,.phone-theme .purpose-hero .button{font-size:1rem}.help-paths>a>span:first-child,.eyebrow{font-size:.875rem}}
@media(max-width:360px){.phone-theme .site-header .brand strong{font-size:.88rem}.site-header .brand small{font-size:.7rem}.site-header .brand-logo{width:33px;height:33px}.purpose-hero{padding-inline:20px}.purpose-hero h1{font-size:2.85rem}.phone-theme .keep-hero h1{font-size:3.25rem}.purpose-portrait{height:420px}.purpose-portrait figcaption{padding:13px;gap:10px;font-size:.875rem}.purpose-portrait figcaption strong{font-size:.95rem}.reassurance-check{width:36px;height:36px;font-size:1.3rem}.hero-contact a{overflow-wrap:anywhere}}
@media(max-width:1350px){.help-paths{margin-left:64px;margin-right:64px}.purpose-hero{gap:40px}.phone-theme .keep-hero .purpose-copy{padding-right:35px}}
@media(max-width:1000px){.purpose-hero{padding:42px 32px;gap:30px;grid-template-columns:1fr 1fr}.purpose-hero h1{font-size:3.5rem}.purpose-portrait{height:550px}.purpose-hero .button{padding:14px 18px}.help-paths{margin-left:32px;margin-right:32px}.help-paths>a{padding-inline:22px}.help-paths strong{font-size:1.2rem}.phone-theme .keep-hero h1{font-size:3.7rem}.phone-theme .keep-hero .purpose-copy{padding:45px 30px}.phone-theme .keep-hero .purpose-portrait{height:690px}.remember-band>div{gap:35px}}
@media(max-width:740px){.purpose-hero,.phone-theme .keep-hero{display:block}.purpose-hero{padding:36px 24px 25px}.purpose-hero h1{font-size:clamp(3rem,10vw,4.1rem)}.purpose-lede{font-size:1.1rem}.purpose-portrait{height:500px;margin-top:32px}.purpose-portrait figcaption{left:16px;right:16px;bottom:16px;padding:16px}.purpose-portrait figcaption strong{font-size:1rem}.hero-contact{margin-top:24px}.help-paths{display:block;margin:0 24px 30px;padding:0}.help-paths>a,.help-paths>a:first-child,.help-paths>a:last-child{padding:23px 0;border:0;border-bottom:1px solid var(--line)}.help-paths>a:last-child{border:0}.help-paths strong{font-size:1.3rem;margin:6px 0}.phone-theme .keep-hero .purpose-copy{padding:42px 24px 35px}.phone-theme .keep-hero h1{font-size:clamp(3.5rem,12vw,4.8rem)}.phone-theme .keep-hero .purpose-portrait{height:480px;margin:0}.remember-band{padding:35px 24px 42px}.remember-band>div{display:block}.remember-band h2{font-size:2.3rem;margin-bottom:22px}.remember-band p:not(.eyebrow){font-size:1.05rem}}