:root{--paper:#f7f9fc;--white:#fff;--ink:#071528;--muted:#647187;--line:#dce4ee;--blue:#216cff;--blue2:#0b47bd;--night:#061426;--max:1240px;--serif:"Iowan Old Style",Baskerville,Georgia,serif;--sans:"Avenir Next","Segoe UI",sans-serif;--shadow:0 30px 80px rgba(8,25,51,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}img,video{max-width:100%}a{color:inherit}.section-shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-160%);padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff}.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:30;top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - 48px),1280px);margin:16px auto 0;padding:9px 10px 9px 12px;border:1px solid rgba(220,228,238,.9);border-radius:22px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);box-shadow:0 12px 40px rgba(8,25,51,.08)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.brand img{border-radius:11px;box-shadow:0 4px 12px rgba(8,25,51,.2)}.brand em{color:var(--blue);font-style:normal}.primary-nav{display:flex;gap:clamp(14px,2.3vw,34px);margin-left:auto}.primary-nav a,.footer-links a{color:var(--muted);font-size:.84rem;font-weight:650;text-decoration:none}.primary-nav a:hover,.footer-links a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.language-switcher{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#f2f5f9}.language-globe{padding:0 5px;color:var(--blue);font-size:1.1rem}.language-switcher button{min-width:34px;height:32px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:750 .7rem var(--sans);letter-spacing:.06em;cursor:pointer}.language-switcher button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(8,25,51,.12)}.header-cta{padding:10px 16px;border-radius:13px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:800;text-decoration:none}.header-cta:hover{background:var(--blue)}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);align-items:center;gap:clamp(50px,9vw,130px);min-height:calc(100vh - 90px);padding:75px 0 115px}.eyebrow{margin:0 0 20px;color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.055em}h1{max-width:9ch;font-size:clamp(4.4rem,8.8vw,8.6rem);line-height:.84}h1 span{color:var(--blue)}.hero-lede{max-width:36rem;margin:34px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.25rem)}.cta-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;font-size:.84rem;font-weight:800;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(33,108,255,.25)}.button--quiet{border:1px solid var(--line);background:#fff}.availability{margin:34px 0 0;color:#7b8798;font-size:.74rem;letter-spacing:.05em}.hero-media{position:relative;display:flex;justify-content:center}.phone-frame{position:relative;width:min(100%,340px);aspect-ratio:1320/2868;overflow:hidden;border:9px solid #071528;border-radius:50px;background:#071528;box-shadow:var(--shadow)}.phone-frame:before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:30%;height:20px;transform:translateX(-50%);border-radius:0 0 15px 15px;background:#071528}.phone-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:39px;background:#fff}.hero-orbit{position:absolute;right:-28px;bottom:12%;display:grid;gap:8px}.hero-orbit span{padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.9);color:var(--muted);font-size:.58rem;font-weight:850;letter-spacing:.12em}
.ipad-section{padding:135px 0;background:var(--night);color:#fff}.ipad-layout{display:grid;grid-template-columns:.42fr 1fr;align-items:center;gap:clamp(45px,7vw,105px)}.section-heading h2,.features-heading h2,.stories-heading h2,.collection-heading h2{font-size:clamp(3.4rem,6.2vw,6.5rem);line-height:.9}.section-heading>p:last-child,.collection-heading>p:last-child,.stories-heading>p:last-child{max-width:29rem;margin:30px 0 0;color:#9dacbf}.ipad-stage{min-width:0}.ipad-frame{width:100%;aspect-ratio:4/3;overflow:hidden;border:10px solid #101b2c;border-radius:25px;background:#101b2c;box-shadow:0 35px 85px rgba(0,0,0,.4)}.ipad-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px;background:#fff}.gallery-meta{display:flex;justify-content:space-between;gap:18px;margin-top:20px;color:#91a2b7;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.gallery-meta strong{color:#fff}.gallery-controls{display:flex;align-items:center;gap:15px;margin-top:20px}.gallery-arrow{width:42px;height:42px;border:1px solid #2b3a4f;border-radius:50%;background:transparent;color:#fff;font-size:1rem;cursor:pointer}.gallery-arrow:hover{border-color:#75a0ff;background:#112544}.gallery-dots{display:flex;flex:1;gap:6px}.gallery-dots button{height:4px;flex:1;padding:0;border:0;border-radius:4px;background:#2b3a4f;cursor:pointer}.gallery-dots button[aria-pressed="true"]{background:#78a3ff}
.features{padding:140px 0}.features-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:70px;border-bottom:1px solid var(--line)}.features-heading h2{max-width:9ch}.feature-card{display:grid;grid-template-columns:1fr .64fr;align-items:center;gap:clamp(45px,10vw,140px);min-height:630px;padding:80px 5%;border-bottom:1px solid var(--line)}.feature-card--reverse>div:first-child{order:2}.feature-card--reverse>div:last-child{order:1}.feature-card>div:first-child>span{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.14em}.feature-card h3{max-width:8ch;margin-top:18px;font-size:clamp(3.1rem,5.4vw,6rem);line-height:.9}.feature-card p{max-width:28rem;margin:27px 0 0;color:var(--muted);font-size:1.05rem}.phone-frame--feature{width:min(100%,285px);margin:auto;border-width:8px;border-radius:42px}.phone-frame--feature img{border-radius:33px}
.stories{padding:130px 0 0;background:#edf3fc}.stories-heading{text-align:center}.stories-heading h2{max-width:12ch;margin:auto}.stories-heading>p:last-child{margin:26px auto 0}.video-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,7vw,90px);padding-top:70px;padding-bottom:100px}.video-story{display:grid;grid-template-columns:minmax(170px,.55fr) 1fr;align-items:end;gap:28px}.portrait-video{position:relative;overflow:hidden;border-radius:28px;background:#071528;box-shadow:0 25px 55px rgba(8,25,51,.2)}.portrait-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.video-badge{position:absolute;top:14px;right:14px;padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(7,21,40,.65);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.1em}.quote{margin:0 0 16px;font:500 clamp(1.35rem,2.2vw,2.1rem)/1.15 var(--serif);letter-spacing:-.035em}.video-story div:last-child>span{color:var(--muted);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.testimonial-marquee{overflow:hidden;border-top:1px solid #cfdaea;border-bottom:1px solid #cfdaea;background:#fff}.testimonial-track{display:flex;width:max-content;animation:marquee 50s linear infinite}.testimonial-card{width:390px;padding:42px 36px;border-right:1px solid var(--line)}.testimonial-card .stars{color:var(--blue);font-size:.75rem;letter-spacing:.12em}.testimonial-card blockquote{margin:16px 0 22px;font:500 1.2rem/1.4 var(--serif)}.testimonial-card cite{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@keyframes marquee{to{transform:translateX(-50%)}}
.collection{padding:145px 0}.collection-heading{display:grid;grid-template-columns:1fr .75fr;align-items:end;column-gap:60px}.collection-heading .eyebrow,.collection-heading h2{grid-column:1}.collection-heading>p:last-child{grid-column:2;grid-row:1/3}.app-list{margin-top:75px;border-top:1px solid var(--line)}.app-list article{display:grid;grid-template-columns:60px minmax(230px,1fr) minmax(250px,.7fr);align-items:center;gap:22px;padding:24px 10px;border-bottom:1px solid var(--line);transition:.2s}.app-list article:hover{padding-left:18px;background:#fff}.app-list h3{font-family:var(--sans);font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.app-list p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.app-monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#111;color:#fff;font-weight:900;font-size:.72rem}.app-monogram--blue{background:#216cff}.app-monogram--rose{background:#a95c72}.app-monogram--sky{background:#3c7f97}.app-monogram--navy{background:#183351}.app-links{display:flex;justify-content:flex-end;gap:10px}.app-links a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.72rem;font-weight:800;text-decoration:none}.app-links a:hover{border-color:var(--blue);color:var(--blue)}
.site-footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:35px;padding:65px 0 28px;border-top:1px solid var(--line)}.site-footer>div:first-child p{margin:18px 0 0;color:var(--muted);font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px}.site-footer>p{grid-column:1/-1;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);color:#8b96a5;font-size:.7rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(33,108,255,.4);outline-offset:3px}
@media(max-width:900px){.primary-nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:90px}.hero-copy{display:flex;flex-direction:column;align-items:center}h1{font-size:clamp(4rem,14vw,7rem)}.hero-media{margin-top:20px}.ipad-layout{grid-template-columns:1fr}.section-heading{text-align:center}.section-heading>p:last-child{margin-inline:auto}.feature-card{grid-template-columns:1fr;text-align:center}.feature-card--reverse>div:first-child{order:1}.feature-card--reverse>div:last-child{order:2}.feature-card h3,.feature-card p{margin-inline:auto}.video-testimonials{grid-template-columns:1fr}.video-story{grid-template-columns:minmax(190px,.55fr) 1fr}.collection-heading{display:block;text-align:center}.collection-heading>p:last-child{margin-inline:auto}.app-list article{grid-template-columns:60px 1fr}.app-links{grid-column:2;justify-content:flex-start}}
@media(max-width:620px){.section-shell{width:min(calc(100% - 32px),var(--max))}.site-header{top:8px;width:calc(100% - 16px);margin-top:8px}.brand span{display:none}.language-globe,.header-cta{display:none}.language-switcher{gap:0}.hero{min-height:auto;padding:90px 0}.hero h1{font-size:3.65rem}.hero-orbit{display:none}.phone-frame{width:270px}.ipad-section,.features,.collection{padding:95px 0}.ipad-frame{border-width:6px;border-radius:15px}.ipad-frame img{border-radius:9px}.features-heading{display:block;text-align:center}.feature-card{min-height:auto;padding:65px 0;gap:40px}.feature-card h3{font-size:3.2rem}.phone-frame--feature{width:250px}.stories{padding-top:90px}.stories-heading h2,.collection-heading h2,.section-heading h2{font-size:3.3rem}.video-testimonials{padding-top:50px}.video-story{grid-template-columns:1fr;text-align:center}.portrait-video{width:min(100%,280px);margin:auto}.testimonial-card{width:320px;padding:34px 25px}.app-list article{grid-template-columns:50px 1fr;gap:14px}.app-links{grid-column:1/-1}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.testimonial-track{animation:none;overflow-x:auto}}

/* Premium alignment with the Vanguard app-site family */
.brand-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#0a88a4,#061a45);box-shadow:0 5px 16px rgba(8,25,51,.22)}
.brand-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.ipad-layout{grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);align-items:start}
.ipad-stage{display:flex;min-width:0;flex-direction:column;align-items:center}
.ipad-frame{width:min(100%,660px);aspect-ratio:auto;overflow:visible;border:0;border-radius:32px;background:transparent;box-shadow:0 45px 110px rgba(0,0,0,.42)}
.ipad-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;border:10px solid #182233;border-radius:32px;background:#fff}
.gallery-meta,.gallery-controls{width:min(100%,660px)}
.app-icon-original{display:block;width:54px;height:54px;object-fit:cover;border-radius:15px;box-shadow:0 7px 20px rgba(8,25,51,.16)}
.app-list article{grid-template-columns:66px minmax(230px,1fr) minmax(250px,.7fr)}
.portrait-video{aspect-ratio:9/16}
.portrait-video video{height:100%;aspect-ratio:9/16;object-fit:cover}
@media(max-width:900px){.ipad-layout{grid-template-columns:1fr}.ipad-frame{width:min(100%,720px)}.gallery-meta,.gallery-controls{width:min(100%,720px)}.app-list article{grid-template-columns:66px 1fr}}
@media(max-width:620px){.brand-icon{width:40px;height:40px;flex-basis:40px}.ipad-frame img{border-width:6px;border-radius:20px}.app-list article{grid-template-columns:56px 1fr}.app-icon-original{width:48px;height:48px}}

.feature-points{display:grid;gap:11px;margin:28px 0 0;padding:0;list-style:none}.feature-points li{position:relative;max-width:31rem;padding-left:25px;color:#46556b;font-size:.9rem;font-weight:620}.feature-points li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
.social-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,120px);align-items:center;padding-top:135px;padding-bottom:135px;border-bottom:1px solid var(--line)}.social-copy h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.9}.social-copy>p:last-child{max-width:30rem;margin:28px 0 0;color:var(--muted)}.social-cards{display:grid;gap:16px}.social-card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;min-height:112px;padding:22px 24px;border:1px solid #e4d8e8;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff5fb 55%,#f3e8ff 100%);box-shadow:0 20px 50px rgba(70,26,79,.08);text-decoration:none;transition:.25s}.social-card:hover{transform:translateY(-4px);box-shadow:0 28px 65px rgba(70,26,79,.14)}.social-card--dark{border-color:#1c293b;background:linear-gradient(135deg,#071528,#13263e);color:#fff}.social-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:rgba(255,255,255,.75);color:#8f397d;font-size:1rem;font-weight:900;box-shadow:0 8px 20px rgba(32,16,40,.1)}.social-card--dark .social-mark{background:rgba(255,255,255,.1);color:#fff}.social-card small{display:block;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.social-card--dark small{color:#94a5ba}.social-card strong{display:block;margin-top:4px;font-size:1.08rem}.social-card b{font-size:.76rem;letter-spacing:.04em}
@media(max-width:900px){.social-stage{grid-template-columns:1fr;text-align:center}.social-copy>p:last-child{margin-inline:auto}}
@media(max-width:620px){.feature-points{text-align:left}.social-stage{padding-top:95px;padding-bottom:95px}.social-card{grid-template-columns:48px 1fr;text-align:left;padding:18px}.social-mark{width:48px;height:48px}.social-card b{grid-column:2}}
.social-mark svg{width:27px;height:27px;fill:currentColor}.social-card--instagram{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fff5fb 42%,#ffe9d7 100%)}.social-card--instagram:before{content:"";position:absolute;right:-30px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,#f9ce34,#ee2a7b 52%,#6228d7);filter:blur(8px);opacity:.16}.social-card--instagram .social-mark{position:relative;background:linear-gradient(145deg,#f9ce34,#ee2a7b 52%,#6228d7);color:#fff}.social-card--dark{position:relative;overflow:hidden}.social-card--dark:before{content:"";position:absolute;top:-60px;right:-30px;width:210px;height:210px;border-radius:50%;background:#3979c6;filter:blur(70px);opacity:.18}.social-card>div,.social-card>b{position:relative}
.web-experiences{padding:145px 0;background:#071528;color:#fff}.web-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:50px}.web-heading .eyebrow,.web-heading h2{grid-column:1}.web-heading h2{font-size:clamp(3.5rem,6.2vw,6.6rem);line-height:.9}.web-heading>p:last-child{grid-column:2;grid-row:1/3;max-width:30rem;margin:0;color:#94a5ba}.web-grid{display:grid;gap:24px;margin-top:70px}.web-hero{display:grid;grid-template-columns:1fr 1fr;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:#0d1829;color:#fff;text-decoration:none;box-shadow:0 35px 80px rgba(0,0,0,.25);transition:.25s}.web-hero:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24)}.web-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,74px)}.web-copy>span{font-size:.67rem;font-weight:850;letter-spacing:.15em;color:#f7b53d}.web-copy h3{margin-top:16px;font-family:var(--sans);font-size:clamp(2.2rem,4vw,4.2rem);font-weight:800;letter-spacing:-.05em}.web-copy p{max-width:31rem;margin:20px 0 30px;color:#aab7c8}.web-copy b{width:max-content;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:.8rem}.browser-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:320px;margin:42px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#09111e;box-shadow:0 28px 55px rgba(0,0,0,.4);transform:perspective(900px) rotateY(-5deg)}.browser-art:before{content:"";position:absolute;inset:31px 0 auto;height:1px;background:rgba(255,255,255,.08)}.browser-dots{position:absolute;top:10px;left:15px;color:#6c7889;font-size:.48rem;letter-spacing:.22em}.browser-art svg{width:82px;height:82px;fill:none;stroke:#f5a91a;stroke-width:1.3}.browser-art strong{text-align:center;font-size:1rem;line-height:1.35}.web-hero--holiday{background:linear-gradient(135deg,#15130d,#101724)}.web-hero--holiday .browser-art{background:radial-gradient(circle at 50% 50%,rgba(245,169,26,.13),transparent 60%),#09111e}.web-hero--calc{background:linear-gradient(135deg,#0b1a17,#101724)}.web-hero--calc .web-copy>span{color:#38d39f}.web-hero--calc .browser-art{transform:perspective(900px) rotateY(5deg);background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.14),transparent 60%),#09111e}.web-hero--calc .browser-art svg{stroke:#38d39f}
@media(max-width:900px){.web-heading{display:block;text-align:center}.web-heading>p:last-child{margin:25px auto 0}.web-hero{grid-template-columns:1fr}.browser-art{margin-top:0}}
@media(max-width:620px){.web-experiences{padding:95px 0}.web-hero{min-height:0}.web-copy{padding:36px 26px}.browser-art{min-height:250px;margin:0 18px 24px;transform:none}.web-hero--calc .browser-art{transform:none}}