@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#243e30;--paper:#faf8ef;--green:#315b3e;--muted:#647164;--lime:#e2ebbc;--yellow:#f7df83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c37745;outline-offset:5px}header{height:106px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5.5%;gap:30px}.brand{font-family:'Manrope',Arial,sans-serif;font-size:40px;letter-spacing:-3px;font-weight:800;display:flex;align-items:center;gap:8px}.brand-symbol{font-size:36px;letter-spacing:0}.brand-dot{font-size:11px;align-self:flex-start;margin-top:12px;letter-spacing:0}nav{display:flex;gap:38px;font-size:13px;font-weight:600}nav a:hover{opacity:.55}.button{background:var(--ink);color:white;border:0;border-radius:60px;padding:19px 28px;display:inline-flex;gap:35px;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#3b5f40;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.small{padding:14px 23px;font-size:12px;gap:24px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;min-height:704px;padding:48px 5.5% 55px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.green-dot{height:7px;width:7px;border-radius:50%;background:var(--green)}h1,h2,h3,p{margin:0}h1{font:600 clamp(54px,5.8vw,87px)/1.02 'Manrope',Arial,sans-serif;letter-spacing:-5px;margin:24px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{font-size:1.1em}p{line-height:1.7}.hero-copy>p{font-size:16px;max-width:360px;color:#5b685b;line-height:1.8}.hero-buttons{display:flex;align-items:center;gap:27px;margin:29px 0 28px}.text-link{font-size:12px;font-weight:600}.text-link span{margin-left:9px}.hero-note{font-size:10px;color:#697361;display:flex;gap:9px;align-items:center}.hero-note>span{font-size:19px}.hero-art{position:relative;background:var(--yellow);border-radius:48% 48% 38% 38%;min-height:550px;isolation:isolate;overflow:visible}.hero-device{position:absolute;inset:0;width:85%;height:100%;margin:auto;transform:rotate(13deg);z-index:2}.orbit{position:absolute;border:1px solid #c0ab59;opacity:.45;border-radius:50%;width:92%;height:62%;left:4%;top:21%;transform:rotate(-27deg)}.orbit-two{transform:rotate(47deg);height:89%;top:6%;width:68%;left:15%}.bubble{position:absolute;z-index:3;font-size:13px;box-shadow:0 9px 25px #3348280e}.bubble-one{top:23%;left:-24px;background:#fffef5;padding:17px 18px;border-radius:15px 15px 15px 3px;transform:rotate(-8deg);font-weight:600}.bubble-one>span{font-size:18px;margin-left:8px}.bubble-two{right:-12px;bottom:25%;border-radius:12px;background:#f9faf1;padding:15px;transform:rotate(7deg);font-size:10px}.bubble-two i{font-style:normal;background:#e5ebd4;padding:6px;border-radius:50%;margin-right:7px;color:#647a44}.art-caption{position:absolute;bottom:23px;width:100%;text-align:center;font-size:8px;letter-spacing:1.9px;z-index:3}.hero-star{position:absolute;top:18px;right:0;font-size:80px;color:#386343;transform:rotate(14deg);z-index:4}.promise-strip{padding:25px 5.5%;display:flex;gap:28px;align-items:center;justify-content:space-between;background:#edf0dc;font-size:11px;font-weight:600}.asterisk{font-size:20px}.section{padding:100px 7%;max-width:1440px;margin:auto}h2{font:500 clamp(35px,3.8vw,56px)/1.13 'Manrope',Arial,sans-serif;letter-spacing:-2.5px}h2 em{font-size:1.08em}.why>h2{margin-top:21px}.why-grid{margin-top:45px;display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:54px}.intro{font-size:14px;color:#6a7265}.intro strong{display:block;color:var(--ink);font-weight:500;margin-top:17px}.reason-icon{font-size:30px;display:block;margin-bottom:15px}.reason h3{font-size:17px;letter-spacing:-.5px;margin-bottom:11px}.reason p{font-size:13px;color:#6a7265}.circle{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e7ecd9;border-radius:24px;margin:0 3.5%;max-width:1340px;padding:75px 6%;align-items:center}.circle-art{min-height:465px;position:relative}.circle-ring{position:absolute;border:1px dashed #9aaa84;border-radius:50%;height:330px;width:330px;top:55px;left:calc(50% - 165px)}.person{position:absolute;text-align:center;z-index:2}.person b{font-size:43px;width:83px;height:83px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia}.person span{display:block;font-size:13px;font-weight:600;margin-top:8px}.person small{font-size:7px;letter-spacing:1.3px;display:block;margin-top:4px}.person-one{top:0;left:36%}.person-one b{background:#e9be93;transform:rotate(-10deg)}.person-two{top:195px;right:-6px}.person-two b{background:#cebccc;transform:rotate(10deg)}.person-three{top:272px;left:0}.person-three b{background:#f6df80}.circle-center{text-align:center;position:absolute;width:200px;top:165px;left:calc(50% - 100px);font:500 29px/1.15 'Manrope',Arial;letter-spacing:-1px}.circle-center em{font-size:34px}.circle-center>span{display:block;font-size:27px;margin-top:12px}.approved{position:absolute;bottom:4px;left:27%;background:#faf9f0;padding:12px 20px;border-radius:30px;font-size:10px;transform:rotate(-5deg)}.circle-copy h2{margin:19px 0 22px}.circle-copy>p,.product-copy>p{font-size:14px;color:#5c6858;max-width:390px}.detail-line{display:flex;gap:20px;border-top:1px solid #cdd5bf;margin-top:22px;padding-top:22px}.detail-line>span{font-size:10px;margin-top:4px;color:#829174}.detail-line h3{font-size:14px;margin-bottom:6px}.detail-line p{font-size:12px;color:#6a745f}.how{text-align:center}.how>.eyebrow{justify-content:center}.how h2{margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:left;margin-top:50px}.steps article>span{font-size:12px;width:37px;height:37px;background:#efdfab;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:23px}.steps article h3{font-size:19px;letter-spacing:-.5px;margin-bottom:12px}.steps p{font-size:13px;color:#67705f;max-width:280px}.product{background:#f0e2cf;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.product-copy h2{margin:23px 0}.product-copy>p+p{margin-top:17px}.product-copy .button{margin-top:30px}.package-art{position:relative;height:380px;perspective:1000px}.package-lid{position:absolute;width:310px;height:310px;top:15px;left:40px;background:#f7e5a7;box-shadow:15px 20px 0 #d5bf88,17px 22px 1px #b6a77a,26px 45px 45px #7a694e38;transform:rotate(-13deg) rotateY(-10deg);padding:32px;border:1px solid #eed698;z-index:2}.box-brand{font:800 35px 'Manrope';letter-spacing:-2px}.package-lid strong{display:block;font:500 35px/1.1 'Manrope';letter-spacing:-2px;margin-top:42px}.box-bottom{font-size:6px;letter-spacing:1.2px;position:absolute;bottom:28px}.package-sticker{position:absolute;bottom:13px;right:8px;width:132px;height:132px;border-radius:50%;background:#3c6245;color:#f8f3db;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;line-height:1.6;transform:rotate(15deg)}.package-sticker em{font-size:19px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.faq h2{margin-top:20px}.questions details{border-bottom:1px solid #d9decf;padding:23px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:500;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px}.questions details[open] summary span{transform:rotate(45deg)}.questions p{margin-top:18px;color:#65715e;font-size:13px}.end{text-align:center;background:#31523c;color:#f5f0d8;padding:65px 20px 80px}.end>span{font-size:41px;color:#e6d482;display:block;margin-bottom:24px}.end h2{font-size:60px}.end .button{margin-top:30px}.button.light{background:#f3e5a6;color:#284431}.button.light:hover{background:#e5d891}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5.5%;max-width:1440px;margin:auto}footer .brand{font-size:29px}footer .brand-symbol{font-size:28px}footer p{font-size:12px}footer small{font-size:9px;color:#7a806f}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:23px;padding:46px;max-width:530px;width:calc(100% - 32px);box-shadow:0 20px 90px #122d3244}dialog::backdrop{background:#16291b99;backdrop-filter:blur(5px)}dialog h2{margin:20px 0;font-size:43px}dialog p,dialog li{font-size:14px;line-height:1.7}dialog ul{padding-left:19px;margin:20px 0}dialog .preview-note{font-size:11px;background:#e9ecd9;border-radius:10px;padding:15px;margin:20px 0}.close{position:absolute;top:13px;right:18px;border:0;background:none;font-size:28px;color:var(--ink)}
@media(min-width:1450px){.circle{margin:auto}}@media(max-width:1000px){header{padding:0 5%;height:87px}nav{gap:22px}.hero{padding:40px 5% 55px;min-height:610px;gap:25px}h1{font-size:64px;letter-spacing:-4px}.hero-art{min-height:490px}.hero-copy>p{font-size:14px}.hero-buttons{gap:17px}.button{padding:16px 23px;gap:22px}.hero-star{font-size:60px}.bubble-one{font-size:10px;left:-15px}.bubble-two{right:-5px;font-size:8px}.promise-strip{gap:16px;font-size:9px}.section{padding:75px 6%}.why-grid{gap:28px}.circle{gap:7%;padding:55px 5%}.circle-art{transform:scale(.86);margin:0 -25px}.circle-copy h2{font-size:43px}.steps{gap:35px}.package-lid{width:265px;height:280px;left:15px}.package-lid strong{font-size:30px}.package-sticker{right:0;bottom:35px}.faq{gap:40px}footer small{max-width:150px;text-align:right}}
@media(max-width:700px){header{height:81px;padding:0 6%}.brand{font-size:33px}.brand-symbol{font-size:31px}.brand-dot{font-size:9px;margin-top:9px}nav{display:none}.button.small{padding:12px 17px;font-size:10px;gap:20px}.hero{display:flex;flex-direction:column;padding:30px 6% 35px;gap:37px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:62px;line-height:1.04;letter-spacing:-3.9px;margin:21px 0}.hero-copy>p{font-size:14px;max-width:315px}.hero-buttons{margin:24px 0 22px}.hero-buttons .button{font-size:12px;padding:17px 24px}.text-link{font-size:11px}.hero-note{font-size:9px}.hero-art{min-height:440px;margin:0 7px;max-width:450px;width:calc(100% - 14px);align-self:center}.hero-device{width:89%}.hero-star{font-size:62px;right:0;top:0}.bubble-one{top:22%;left:-14px;font-size:10px;padding:14px}.bubble-two{font-size:8px;bottom:25%;padding:12px;right:-13px}.art-caption{font-size:6px;letter-spacing:1.3px;bottom:21px}.promise-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:25px 6%;font-size:9px;text-align:center}.promise-strip .asterisk{display:none}.section{padding:60px 7%}h2{font-size:38px;letter-spacing:-1.8px}.why-grid{display:grid;grid-template-columns:1fr;gap:31px;margin-top:30px}.intro{font-size:14px}.intro strong{margin-top:9px}.reason{padding-top:24px;border-top:1px solid #dde1d1}.reason-icon{margin-bottom:10px;font-size:27px}.reason h3{font-size:17px}.reason p{font-size:13px;max-width:340px}.circle{display:flex;flex-direction:column-reverse;margin:0 4%;padding:45px 7%;border-radius:18px;gap:20px}.circle-copy h2{font-size:39px}.circle-copy>p{font-size:13px}.circle-art{width:100%;min-height:400px;transform:scale(.9);margin:0}.circle-ring{height:285px;width:285px;left:calc(50% - 142px);top:50px}.person-one{left:36%}.person-two{right:-15px;top:178px}.person-three{left:-14px;top:238px}.person b{width:72px;height:72px;font-size:39px}.person span{font-size:11px}.circle-center{font-size:25px;top:153px}.circle-center em{font-size:29px}.approved{bottom:-4px;left:29%}.how h2{margin-top:19px}.steps{grid-template-columns:1fr;gap:31px;margin-top:35px}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:18px}.steps article>span{grid-row:1/3;margin:0}.steps article h3{font-size:18px;margin-top:6px}.steps p{max-width:none;grid-column:2}.product{grid-template-columns:1fr;padding-bottom:25px}.product-copy h2{margin:19px 0}.product-copy>p{font-size:13px}.product-copy .button{font-size:12px}.package-art{height:340px;margin-top:10px}.package-lid{left:calc(50% - 140px);top:20px;width:250px;height:265px;padding:27px}.box-brand{font-size:30px}.package-lid strong{font-size:29px;margin-top:36px}.package-sticker{height:105px;width:105px;font-size:10px;bottom:19px;right:0}.package-sticker em{font-size:15px}.faq{grid-template-columns:1fr;gap:35px}.questions summary{font-size:13px}.end{padding:55px 20px 65px}.end h2{font-size:44px}.end .button{font-size:12px}footer{padding:28px 6%;display:grid;grid-template-columns:1fr 1fr;gap:16px}footer p{text-align:right;font-size:10px}footer small{grid-column:1/3;max-width:none;text-align:left;font-size:8px}dialog{padding:35px 25px}dialog h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.buy-once{background:#e8edc8;padding:60px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.buy-once h2{margin-top:19px}.buy-once p{font-size:18px;line-height:1.55;max-width:400px}.buy-once .buy-small{font-size:13px;color:#63705b;margin:17px 0 21px}h1{font-size:clamp(52px,5.1vw,75px);letter-spacing:-4px}@media(max-width:1000px){h1{font-size:57px;letter-spacing:-3px}}@media(max-width:700px){.buy-once{grid-template-columns:1fr;padding:48px 7%;gap:25px}.buy-once p{font-size:17px}.buy-once .buy-small{font-size:13px}h1{font-size:51px;letter-spacing:-3px}}

@media(min-width:701px) and (max-width:1000px){h1{font-size:clamp(42px,5.7vw,57px)}}@media(max-width:700px){h1{font-size:clamp(38px,12vw,51px)}}
/* The retro collection: real concept renderings, not a smartphone illustration. */
.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding-top:35px;padding-bottom:65px;min-height:0}.retro-hero{min-height:0;border-radius:28px;background:#e6daee;overflow:hidden;box-shadow:0 15px 40px #3c304608}.render-label{display:flex;justify-content:space-between;padding:25px 27px 14px;font-size:8px;letter-spacing:1.7px;font-weight:700;color:#564263}.retro-hero-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.render-bottom{display:flex;align-items:center;justify-content:space-between;padding:25px 27px 15px;gap:15px}.render-bottom .eyebrow{font-size:7px;letter-spacing:1.6px}.render-bottom strong{display:block;font:500 23px/1.2 'Manrope',Arial;letter-spacing:-1px;margin-top:10px}.render-bottom>a{border:1px solid #bba8c4;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:23px;flex-shrink:0}.render-caption{padding:0 27px 22px;font-size:9px;color:#75627a}.colour-collection{padding-top:85px;padding-bottom:85px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:40px}.collection-heading h2{margin-top:20px}.collection-heading>p{font-size:14px;color:#647164;max-width:325px}.colour-showcase{display:grid;grid-template-columns:1.3fr 1fr;border-radius:22px;overflow:hidden;background:#f0ebde}.colour-image-wrap{position:relative;display:flex;align-items:center;background:#e6daee;min-width:0}.colour-image-wrap>img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.image-concept{position:absolute;bottom:14px;left:18px;color:#544260;font-size:7px;letter-spacing:1.3px;background:#fffaf0cc;padding:7px 9px;border-radius:15px}.colour-details{padding:40px 36px;align-self:center}.colour-details h3{font:500 42px/1.15 'Manrope',Arial;letter-spacing:-2px;margin:17px 0 12px}.colour-details>p{font-size:13px;color:#68715f}.colour-options{display:flex;gap:12px;margin:27px 0}.colour-option{height:43px;width:43px;padding:3px;background:transparent;border:1.5px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center}.colour-option[aria-pressed=true]{border-color:var(--ink)}.colour-option>span{display:block;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000b}.colour-option:hover{transform:translateY(-2px)}.colour-story{display:flex;gap:15px;border-top:1px solid #dcdcca;padding-top:22px}.colour-story>span{font-size:30px}.colour-story p{font-size:12px}.colour-details .colour-fine{font-size:9px;line-height:1.6;margin-top:21px;max-width:265px}.colour-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.colour-card{background:transparent;text-align:left;border:1.5px solid transparent;border-radius:14px;padding:5px;color:var(--ink)}.colour-card[aria-pressed=true]{border-color:var(--ink)}.colour-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:9px}.colour-card strong{display:block;font-size:13px;font-weight:500;margin:12px 8px 4px}.colour-card small{display:block;font-size:9px;color:#68715f;margin:0 8px 10px}.package-art{height:410px}.package-lid{width:255px;height:280px;left:14px;top:5px;transform:rotate(-10deg);padding:27px}.package-lid strong{font-size:29px;margin-top:35px}.package-phone{position:absolute;right:-5px;bottom:8px;width:80%;height:auto;border-radius:20px;z-index:3;box-shadow:0 20px 40px #553d4725;transform:rotate(6deg)}.package-sticker{width:98px;height:98px;bottom:1px;left:0;right:auto;z-index:4;font-size:9px}.package-sticker em{font-size:14px}.dialog-product{width:100%;height:auto;display:block;border-radius:12px;margin:0 0 25px}.why{padding-top:70px}
@media(max-width:1000px){.hero{gap:25px}.render-bottom strong{font-size:21px}.render-bottom,.render-label{padding-left:20px;padding-right:20px}.colour-details{padding:25px}.colour-details h3{font-size:34px}.colour-options{margin:20px 0}.colour-story{padding-top:15px}.colour-thumbnails{gap:10px}.package-lid{left:0;width:225px;height:260px}.package-art{height:390px}}
@media(max-width:700px){.hero{gap:30px;padding-bottom:35px}.retro-hero{width:100%;max-width:500px;margin:0;border-radius:23px;min-height:0}.render-label{padding-top:20px;font-size:7px}.render-bottom{padding-top:20px}.render-bottom strong{font-size:22px}.render-caption{padding-left:20px;padding-bottom:20px}.colour-collection{padding:55px 6%}.collection-heading{display:block;margin-bottom:28px}.collection-heading h2{font-size:36px}.collection-heading>p{margin-top:20px;font-size:13px;max-width:none}.colour-showcase{grid-template-columns:1fr;border-radius:18px}.colour-details{padding:28px}.colour-details h3{font-size:36px}.colour-details .colour-fine{max-width:none}.colour-story{gap:13px}.colour-thumbnails{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.colour-card strong{font-size:12px}.colour-card small{font-size:8px}.package-art{height:350px}.package-lid{left:10px;width:220px;height:240px;top:5px;padding:24px}.package-lid strong{font-size:26px;margin-top:28px}.package-phone{width:77%;bottom:5px;right:0}.package-sticker{left:0;bottom:8px}.why{padding-top:30px}}

/* Keep the whole family moment and handset visible at every screen size. */
.connection-hero .retro-hero-image{aspect-ratio:1/1;object-fit:contain}

/* One coordinate system keeps the trusted circle balanced at every width. */
.circle-art{container-type:inline-size;width:100%;max-width:420px;min-height:0;aspect-ratio:1 / 1.15;position:relative;justify-self:center;margin:0;transform:none;--avatar:clamp(48px,17cqw,78px)}
.circle-ring{width:72%;height:auto;aspect-ratio:1;top:14cqw;left:14%;transform:none}
.person{width:30%;left:50%;right:auto;transform:translateX(-50%)}
.person b{width:var(--avatar);height:var(--avatar);font-size:clamp(29px,10cqw,43px);margin:0 auto}
.person span{font-size:clamp(10px,3.1cqw,13px);margin-top:6px}
.person small{font-size:clamp(6px,1.67cqw,7px);letter-spacing:1px;margin-top:3px}
.person-one{top:calc(14cqw - var(--avatar) / 2);left:50%}
.person-two{top:calc(68cqw - var(--avatar) / 2);left:81.1769%;right:auto}
.person-three{top:calc(68cqw - var(--avatar) / 2);left:18.8231%}
.circle-center{width:60%;left:50%;top:50cqw;transform:translate(-50%,-50%);font-size:clamp(18px,6.9cqw,29px)}
.circle-center em{font-size:clamp(21px,8.1cqw,34px)}
.circle-center>span{font-size:clamp(18px,6.4cqw,27px);margin-top:10px}
.approved{top:102cqw;bottom:auto;left:50%;white-space:nowrap;transform:translate(-50%,-50%)}
@container(max-width:300px){.circle-center{font-size:15px}.circle-center em{font-size:18px}.circle-center>span{font-size:15px;margin-top:6px}.person span{font-size:10px;margin-top:4px}.person small{margin-top:2px}}