:root{--paper:#f5f2eb;--paper-deep:#ebe5d9;--ink:#152536;--muted:#707873;--navy:#152b3e;--blue:#456e91;--gold:#d4a85e;--line:#d8d3c9;--serif:'Iowan Old Style',Baskerville,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:SFMono-Regular,Menlo,Consolas,monospace;--shell:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--ink);color:#fff;padding:.8rem;z-index:9}.skip-link:focus{top:1rem}.section-shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.site-header{height:82px;padding-inline:max(32px,calc((100vw - var(--shell))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(21,37,54,.11);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.035em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--paper);background:var(--navy)}.brand-mark svg{width:25px;height:25px}.desktop-nav{display:flex;gap:34px;margin-left:100px}.desktop-nav a,.header-link{font-size:12px;font-weight:600}.desktop-nav a{color:#656d6d;transition:color .2s}.desktop-nav a:hover,.header-link:hover{color:var(--blue)}.header-link{padding:11px 0;border-bottom:1px solid var(--ink)}.header-link span{padding-left:12px}.hero{min-height:640px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:44px;padding-block:70px 88px}.hero-copy{padding-block:8px 18px}.eyebrow,.section-index,.step-number,.step-meta,.hero-art-label,.caption-kicker,.floating-tag small,.demo-label,.demo-day,.demo-selectors label,.best-match,.demo-card-foot,.sample-label,.privacy-stamp span{font-family:var(--mono);font-size:9px;letter-spacing:.105em}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;color:#686f6c;margin:0 0 24px}.eyebrow-dot{width:7px;height:7px;border-radius:100%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,168,94,.17)}h1,h2,h3,p{margin-top:0}.hero h1,.intro-content h2,.demo-copy h2,.how-heading h2,.privacy-copy h2,.closing-section h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em}.hero h1{font-size:clamp(48px,5vw,68px);line-height:1.075;max-width:590px;margin:0 0 24px}.hero h1 em,.intro-content h2 em,.demo-copy h2 em,.how-heading h2 em,.privacy-copy h2 em,.closing-section h2 em{font-weight:500;color:var(--blue)}.hero-intro{font-size:15px;line-height:1.8;color:#686f6c;max-width:430px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;padding:15px 20px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--navy);color:white}.button-dark:hover{background:#28435a}.availability{font-size:10px;color:#747a77}.apple-mark{font-size:8px;color:var(--ink);padding-right:6px}.hero-note{display:flex;align-items:center;gap:13px;color:#7d827d;font-size:10px;line-height:1.55;margin-top:58px}.note-rule{height:1px;width:33px;background:var(--gold)}.hero-art{position:relative;min-height:450px;background:#e9e4d8;padding:22px 24px 18px;overflow:visible}.hero-art-label{color:#7b7d75;display:flex;justify-content:space-between;align-items:center}.art-sun{font-size:16px;color:var(--gold)}.outfit-stage{height:350px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.sun-disc{position:absolute;width:295px;height:295px;left:50%;top:29px;transform:translateX(-50%);border-radius:50%;background:#e0d2b9}.hanger{position:absolute;z-index:1;top:28px;left:50%;width:85px;height:47px;transform:translateX(-50%);border:2px solid #b4a991;border-bottom:0;border-radius:50% 50% 0 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hanger:before{content:"";position:absolute;top:-15px;left:50%;width:18px;height:17px;border:2px solid #b4a991;border-bottom:0;border-radius:50% 50% 0 0;transform:translateX(-50%)}.shirt-art{position:absolute;top:90px;left:50%;transform:translateX(-50%);width:212px;height:233px;background:#f7f5ef;clip-path:polygon(25% 0,39% 9%,50% 14%,61% 9%,75% 0,100% 13%,87% 43%,77% 34%,80% 100%,20% 100%,23% 34%,13% 43%,0 13%);filter:drop-shadow(0 15px 10px rgba(23,40,55,.12))}.shirt-collar{position:absolute;top:0;width:49px;height:65px;background:#ebe8df;clip-path:polygon(0 0,100% 20%,72% 100%,0 37%)}.collar-left{left:58px}.collar-right{right:58px;transform:scaleX(-1)}.shirt-placket{position:absolute;left:50%;top:39px;width:1px;height:184px;background:#dedbd2}.shirt-pocket{position:absolute;right:35px;top:87px;width:30px;height:37px;border:1px solid #dedbd2;border-top:0}.tie-art{position:absolute;z-index:2;top:113px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column}.tie-knot{width:37px;height:42px;background:#254d70;clip-path:polygon(15% 0,85% 0,100% 57%,50% 100%,0 57%)}.tie-body{width:51px;height:149px;margin-top:-1px;background:repeating-linear-gradient(135deg,#244e72 0 9px,#35688c 9px 17px,#d9c9ac 17px 19px,#35688c 19px 25px);clip-path:polygon(22% 0,78% 0,100% 85%,50% 100%,0 85%)}.pants-art{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:7px;width:136px;height:148px}.pants-art span{flex:1;background:#4d5558;clip-path:polygon(6% 0,94% 0,100% 100%,57% 100%,50% 44%,43% 100%,0 100%)}.pants-art span+span{transform:scaleX(-1)}.sparkle{position:absolute;color:#9b8055}.sparkle-one{left:17%;top:48%;font-size:19px}.sparkle-two{right:14%;top:26%;font-size:13px}.hero-art-caption{border-top:1px solid #d5cfc1;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.caption-kicker{display:block;color:#85847b;font-size:8px;margin-bottom:5px}.hero-art-caption strong{font-family:var(--serif);font-size:15px;font-weight:500}.caption-arrow{font-size:18px;color:var(--blue)}.floating-tag{position:absolute;right:-23px;bottom:73px;background:#faf8f2;box-shadow:0 12px 30px #28313b19;padding:13px 16px;display:flex;gap:10px;align-items:center}.tag-check{background:#e3e9e2;color:#536f5a;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}.floating-tag small{display:block;color:#7d817b;font-size:7px;margin-bottom:4px}.floating-tag strong{font-family:var(--serif);font-weight:500;font-size:12px}.ticker{overflow:hidden;height:47px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-evenly;gap:20px;white-space:nowrap;color:#778078;font:9px var(--mono);letter-spacing:.13em}.ticker i{font-style:normal;color:#c2a36e;font-size:12px}.intro-section{padding-block:115px 125px;display:grid;grid-template-columns:220px 1fr;gap:30px}.section-index{color:#888a80;font-size:9px}.section-index span{padding-left:7px}.intro-content h2,.how-heading h2,.privacy-copy h2,.closing-section h2{font-size:clamp(37px,4vw,51px);line-height:1.2;margin:0}.intro-bottom{display:grid;grid-template-columns:minmax(200px,400px) auto;gap:50px;align-items:end;margin-top:25px}.intro-bottom p,.how-heading>p{color:#707772;line-height:1.8;font-size:13px;margin:0}.text-link{font-size:10px;font-weight:700;border-bottom:1px solid #7f8989;padding-bottom:7px;justify-self:start}.text-link span{margin-left:14px}.demo-section{background:var(--navy);color:var(--paper);padding-block:104px 98px;overflow:hidden}.demo-layout{display:grid;grid-template-columns:.75fr 1fr;gap:100px;align-items:center}.light-index{color:#b3b8b5}.light-index span{color:#929fa3}.demo-copy>.eyebrow{margin-top:67px;color:#c7b794}.eyebrow-light .eyebrow-dot{background:#c7a76c}.demo-copy h2,.privacy-copy h2{font-size:clamp(42px,4.5vw,56px);line-height:1.16;margin-bottom:23px}.demo-copy h2 em,.privacy-copy h2 em{color:#c9ac7b}.demo-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#c1c9c9;max-width:330px}.demo-copy .demo-disclaimer{font-size:10px!important;color:#84949b!important;border-left:1px solid #b69c6e;padding-left:12px;margin-top:27px}.demo-card{position:relative;background:#f6f2e9;color:var(--ink);padding:25px 27px 19px;box-shadow:0 20px 70px #06131e55}.demo-card-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd8cc;padding-bottom:17px}.demo-label{color:#707973;display:flex;gap:7px;align-items:center;font-size:8px}.demo-label span{width:6px;height:6px;border-radius:50%;background:#769276}.demo-day{font-size:8px;color:#9a9a91}.demo-selectors{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-block:17px}.demo-selectors label{display:block;color:#85887f;font-size:8px}.demo-selectors select{display:block;width:100%;margin-top:8px;padding:11px 29px 11px 10px;border:1px solid #ded9ce;border-radius:0;background-color:#faf8f2;color:#293b48;font:11px var(--sans);letter-spacing:0}.demo-selectors select:focus{outline:2px solid #7f9bb0;outline-offset:1px}.demo-result{padding:18px 0;display:flex;gap:20px;align-items:center;border-top:1px solid #ded9ce;border-bottom:1px solid #ded9ce}.demo-tie-preview{height:116px;width:92px;background:#e8e2d6;display:flex;align-items:center;flex-direction:column;justify-content:center;flex-shrink:0;transition:background .25s}.demo-tie-knot{width:26px;height:28px;background:var(--sample-tie,#244c6b);clip-path:polygon(15% 0,85% 0,100% 57%,50% 100%,0 57%);transition:background .25s}.demo-tie-body{width:36px;height:66px;margin-top:-1px;background:repeating-linear-gradient(135deg,var(--sample-tie,#244c6b) 0 8px,#467190 8px 12px,var(--sample-stripe,#d4c29f) 12px 14px);clip-path:polygon(20% 0,80% 0,100% 84%,50% 100%,0 84%);transition:background .25s}.demo-match-info{flex:1}.best-match{font-size:7px;color:#83877e}.best-match b{font-weight:400;margin-left:8px;color:#9d8359}.demo-match-info h3{font:500 23px var(--serif);margin:8px 0 4px}.demo-match-info p{font-size:10px;line-height:1.55;color:#737973;margin:0;min-height:31px}.match-meter{display:flex;gap:4px;margin-top:12px}.match-meter span{width:23px;height:3px;background:#c6d0c8}.match-meter span:first-child,.match-meter span:nth-child(2),.match-meter span:nth-child(3),.match-meter span:nth-child(4){background:#718e79}.demo-card-foot{display:flex;gap:12px;align-items:baseline;padding-top:15px;font-size:7px;color:#98998f}.demo-card-foot span:first-child{color:#6e746e;flex-shrink:0}.demo-card-foot span+span{font:10px var(--sans);color:#6d746e;letter-spacing:0}.sample-label{text-align:right;color:#a09d93;font-size:7px;margin:17px 0 0}.how-section{padding-block:106px 120px}.how-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 55px}.how-heading>p{max-width:260px;padding-bottom:5px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{border:1px solid var(--line);padding:21px 22px 24px;min-height:360px;display:flex;flex-direction:column}.step-number{color:#93948a;font-size:8px}.step-visual{height:147px;margin:14px 0 13px;position:relative;display:flex;justify-content:center;align-items:center;background:#eee9df;overflow:hidden}.mini-garment{position:absolute;filter:drop-shadow(0 6px 4px #2538491e)}.shirt-mini{left:25%;top:38px;width:54px;height:76px;background:#f7f5ef;clip-path:polygon(26% 0,42% 9%,50% 13%,58% 9%,74% 0,100% 14%,86% 42%,77% 34%,80% 100%,20% 100%,23% 34%,14% 42%,0 14%)}.tie-mini{left:47%;top:44px;width:35px;height:73px;background:repeating-linear-gradient(135deg,#315d7a 0 8px,#dac9a9 8px 10px);clip-path:polygon(25% 0,75% 0,100% 85%,50% 100%,0 85%)}.pants-mini{left:59%;top:69px;width:44px;height:60px;background:#555e5f;clip-path:polygon(5% 0,95% 0,100% 100%,56% 100%,50% 42%,44% 100%,0 100%)}.visual-plus{position:absolute;right:18%;top:22%;width:22px;height:22px;display:grid;place-items:center;background:#f7f4ec;color:#718775;border-radius:50%;font-size:14px}.match-visual{background:#e8e6dd}.match-orbit{position:absolute;border:1px solid #b2b5aa;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:152px;height:68px}.orbit-b{width:152px;height:68px;transform:rotate(54deg)}.orbit-center{font-size:24px;color:#aa8d5e;z-index:1}.orbit-dot{position:absolute;width:23px;height:23px;border:4px solid #e8e6dd;border-radius:50%;background:#345a77}.dot-a{top:33px;left:calc(50% - 11px);background:#628ba8}.dot-b{bottom:27px;left:calc(50% - 59px);background:#4d5558}.dot-c{bottom:33px;right:calc(50% - 55px);background:#8b3845}.history-visual{background:#e9e4da}.history-sheet{height:99px;width:104px;background:#f8f6f0;box-shadow:0 8px 16px #2233441b;padding:15px 12px}.history-sheet span{display:block;height:5px;width:45px;background:#89908a;margin-bottom:14px}.history-sheet i{display:block;height:4px;width:78px;background:#e0ddd5;margin-top:8px}.history-star{position:absolute;right:calc(50% - 55px);top:21px;border-radius:50%;width:27px;height:27px;background:#d5b376;color:white;display:grid;place-items:center;font-style:normal;font-size:12px}.history-arrow{position:absolute;left:calc(50% + 37px);bottom:20px;color:#637e70;font-size:25px}.step-card h3{font:500 22px var(--serif);margin:0 0 8px}.step-card p{font-size:11px;line-height:1.75;color:#707771;margin:0 0 17px}.step-meta{font-size:7px;color:#a09683;margin-top:auto}.privacy-section{background:#1a3143;color:var(--paper);padding-block:103px 100px}.privacy-layout{display:grid;grid-template-columns:.8fr 1.1fr;gap:120px;align-items:center}.privacy-stamp{width:215px;height:215px;border:1px solid #73818a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;color:#cfb47f;gap:11px;transform:rotate(-9deg)}.privacy-stamp svg{width:90px;height:90px}.privacy-stamp span{font-size:7px}.privacy-copy h2{margin:32px 0 19px}.privacy-copy>p{font-size:12px;line-height:1.9;color:#c5cdcd;max-width:470px}.privacy-points{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0 20px}.privacy-points span{font:10px var(--mono);color:#d4d5ca}.privacy-points b{color:#c9ac7b;font-weight:400;padding-right:5px}.privacy-copy small{display:block;max-width:480px;color:#91a0a2;font-size:9px;line-height:1.7}.closing-section{text-align:center;padding-block:102px 85px;position:relative;overflow:hidden}.closing-section .eyebrow{justify-content:center;margin-bottom:20px}.closing-section h2{margin-bottom:28px}.closing-section .button{margin:auto}.closing-mark{position:absolute;width:136px;height:136px;object-fit:contain;right:2%;bottom:-47px;opacity:.18}.site-footer{min-height:78px;border-top:1px solid var(--line);padding:15px max(32px,calc((100vw - var(--shell))/2));display:flex;align-items:center;justify-content:space-between;gap:16px;color:#797f79;font-size:9px}.footer-brand{font-size:12px;color:var(--ink)}.footer-brand .brand-mark{width:26px;height:26px}.footer-brand .brand-mark svg{width:21px}.site-footer>a:not(.brand){border-bottom:1px solid #a6a49a;padding-bottom:3px}.copyright{font-family:var(--mono);font-size:8px}
@media(max-width:850px){.section-shell{width:min(calc(100% - 44px),var(--shell))}.site-header{padding-inline:22px}.desktop-nav{margin-left:0;gap:18px}.hero{grid-template-columns:1fr .9fr;gap:22px;padding-block:57px 72px}.hero h1{font-size:clamp(43px,6.3vw,60px)}.hero-art{min-height:415px;padding-inline:18px}.outfit-stage{height:318px}.shirt-art{transform:translateX(-50%) scale(.88);transform-origin:top center}.pants-art{transform:translateX(-50%) scale(.88);transform-origin:bottom center}.tie-art{transform:translateX(-50%) scale(.88);transform-origin:top center}.floating-tag{right:-9px;bottom:65px}.intro-section{grid-template-columns:150px 1fr;padding-block:90px}.demo-layout{gap:45px}.privacy-layout{gap:55px}.site-footer{padding-inline:22px}}
@media(max-width:620px){html{scroll-padding-top:72px}.section-shell{width:calc(100% - 40px)}.site-header{height:68px;padding-inline:20px}.brand{font-size:13px}.brand-mark{width:29px;height:29px}.desktop-nav{display:none}.header-link{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:42px;padding-block:54px 57px}.hero-copy{padding:0}.hero h1{font-size:clamp(48px,12.5vw,68px);max-width:520px}.hero-intro{font-size:13px;max-width:390px}.hero-note{margin-top:32px}.hero-art{min-height:390px;margin-right:9px}.outfit-stage{height:294px}.sun-disc{width:248px;height:248px}.shirt-art{top:66px;transform:translateX(-50%) scale(.79)}.tie-art{top:90px;transform:translateX(-50%) scale(.79)}.pants-art{height:124px;transform:translateX(-50%) scale(.79)}.floating-tag{right:-9px;bottom:58px;padding:10px 11px}.floating-tag strong{font-size:11px}.ticker{justify-content:flex-start;padding-inline:20px;gap:21px}.ticker span:nth-of-type(n+4),.ticker i:nth-of-type(n+4){display:none}.intro-section{display:block;padding-block:75px 82px}.intro-content{margin-top:28px}.intro-content h2,.how-heading h2{font-size:39px}.intro-bottom{display:block;margin-top:20px}.intro-bottom p{font-size:12px}.text-link{display:inline-block;margin-top:20px}.demo-section{padding-block:70px}.demo-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}.demo-copy>.eyebrow{margin-top:40px}.demo-copy h2{font-size:48px}.demo-copy>p:not(.eyebrow){font-size:12px}.demo-card{padding:18px 16px 15px}.demo-selectors{gap:9px}.demo-selectors select{font-size:10px;padding-inline:7px}.demo-result{gap:13px}.demo-tie-preview{width:76px;height:106px}.demo-match-info h3{font-size:21px}.demo-card-foot{align-items:flex-start}.how-section{padding-block:75px 80px}.how-heading{display:block;margin:28px 0 33px}.how-heading>p{margin-top:16px;max-width:320px}.steps-grid{grid-template-columns:1fr;gap:10px}.step-card{min-height:0;padding:18px}.step-visual{height:136px;margin-block:12px}.step-card p{font-size:12px;max-width:420px}.step-card h3{font-size:21px}.privacy-section{padding-block:70px}.privacy-layout{display:flex;flex-direction:column;align-items:stretch;gap:38px}.privacy-stamp{width:154px;height:154px;align-self:center}.privacy-stamp svg{width:63px;height:63px}.privacy-copy h2{font-size:47px;margin-top:27px}.privacy-copy>p{font-size:12px}.privacy-points{gap:12px 17px}.privacy-points span{font-size:8px}.closing-section{padding-block:72px 75px}.closing-section h2{font-size:38px}.site-footer{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.site-footer>span:nth-of-type(1){text-align:right}.site-footer>a:not(.brand){text-align:right;justify-self:end}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:13px}.closing-mark{right:-15px;width:100px;height:100px;bottom:-37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Brand-led hero panel replaces the decorative outfit illustration. */
.hero-brand-panel{display:flex;flex-direction:column;min-height:450px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#f5f1e8 0,#ece7dc 68%);border:1px solid #e2ddd1;padding:21px 23px 18px}
.hero-brand-panel .hero-art-label{gap:12px;font-size:8px}
.hero-brand-panel .hero-art-label span:last-child{white-space:nowrap;color:#9a8b70}
.hero-logo-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:12px 0 7px}
.hero-logo{display:block;width:min(100%,365px);height:100%;max-height:350px;object-fit:contain}
.hero-brand-panel .hero-art-caption{width:100%;padding-top:15px}
.hero-brand-panel .hero-art-caption strong{font-size:17px}
.hero-brand-panel .caption-arrow{color:#ad9262;font-size:17px}
@media(max-width:850px){.hero-brand-panel{min-height:415px}.hero-logo{max-height:320px}}
@media(max-width:620px){.hero-brand-panel{min-height:360px;padding:17px 17px 15px}.hero-brand-panel .hero-art-label{font-size:7px}.hero-logo{max-height:275px}.hero-brand-panel .hero-art-caption strong{font-size:15px}}

/* Use the full emblem artwork in the header, with the wordmark beside it. */
.site-header .brand-mark{width:38px;height:38px}
.site-header .brand-mark img{width:38px;height:38px;object-fit:contain}

/* Replace the sparse privacy seal with a compact, readable on-device visual. */
.privacy-device-card{width:min(100%,390px);justify-self:center;padding:18px 20px 14px;background:linear-gradient(145deg,#203b4e,#182f42);border:1px solid #385568;box-shadow:0 18px 40px #07152224}
.privacy-device-meta,.privacy-device-foot{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.11em;color:#aebdc2}
.privacy-device-status{display:flex;align-items:center;gap:7px;color:#e0c28d}
.privacy-device-status i{width:6px;height:6px;border-radius:50%;background:#d4a85e;box-shadow:0 0 0 3px #d4a85e22}
.privacy-device-body{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:21px;min-height:190px;padding:14px 0}
.privacy-phone{position:relative;width:88px;height:151px;justify-self:center;padding:15px 6px 9px;border:1px solid #728995;border-radius:15px;background:#11283a;box-shadow:0 9px 20px #07152245}
.privacy-phone-speaker{position:absolute;top:6px;left:50%;width:20px;height:2px;transform:translateX(-50%);border-radius:2px;background:#8298a0}
.privacy-phone-screen{height:100%;display:flex;flex-direction:column;padding:9px 6px 6px;background:#f5f2eb;color:#203142}
.phone-screen-title{font:6px var(--mono);letter-spacing:.08em;color:#747c79}
.privacy-garments{height:56px;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #ddd8cc}
.privacy-garments i{display:block;filter:drop-shadow(0 2px 2px #15253622)}
.garment-shirt{width:17px;height:27px;background:#dce7e9;clip-path:polygon(25% 0,42% 8%,50% 12%,58% 8%,75% 0,100% 15%,84% 39%,75% 33%,78% 100%,22% 100%,25% 33%,16% 39%,0 15%)}
.garment-tie{width:12px;height:34px;background:repeating-linear-gradient(135deg,#214764 0 6px,#8bc6d2 6px 8px);clip-path:polygon(25% 0,75% 0,100% 82%,50% 100%,0 82%)}
.garment-pants{width:16px;height:27px;background:#68747a;clip-path:polygon(5% 0,95% 0,100% 100%,58% 100%,50% 45%,42% 100%,0 100%)}
.phone-local-row{display:flex;align-items:center;gap:4px;margin-top:auto;font:5px var(--sans);color:#64736f;white-space:nowrap}
.phone-local-check{width:10px;height:10px;display:grid;place-items:center;border-radius:50%;background:#718e79;color:#fff;font-size:7px;line-height:1}
.privacy-phone-home{position:absolute;bottom:3px;left:50%;width:8px;height:2px;transform:translateX(-50%);border-radius:2px;background:#8298a0}
.privacy-device-copy>span{display:block;margin-bottom:9px;font:7px var(--mono);letter-spacing:.11em;color:#d4a85e}
.privacy-device-copy strong{display:block;font:500 21px/1.15 var(--serif);letter-spacing:-.025em;color:var(--paper)}
.privacy-device-copy small{display:block;margin-top:9px;font:10px var(--sans);color:#aebdc2}
.privacy-device-foot{border-top:1px solid #496174;padding-top:12px;color:#8299a5}
@media(max-width:620px){.privacy-device-card{width:100%;padding:17px 18px 13px}.privacy-device-body{grid-template-columns:91px 1fr;gap:17px;min-height:180px}.privacy-phone{width:82px;height:143px}.privacy-device-copy strong{font-size:20px}}

/* Use the supplied emblem crop in navigation instead of the hand-drawn glyph. */
.brand-mark{background:transparent;overflow:hidden;border-radius:50%;position:relative;flex:none}
.brand-mark img{display:block;width:42px;height:42px;max-width:none;object-fit:contain;transform:translate(-5px,-2px)}
.footer-brand .brand-mark img{width:34px;height:34px;transform:translate(-4px,-1px)}

/* Keep the compact emblem crisp at its native vector scale. */
.brand-mark img{width:32px;height:32px;transform:none}
.footer-brand .brand-mark img{width:26px;height:26px;transform:none}
.privacy-stamp{transform:none}

/* A real look at the iPhone app, using the supplied simulator captures. */
.app-screens-section{padding-block:100px 112px;background:#ebe7de;overflow:hidden}
.app-screens-heading{display:grid;grid-template-columns:1fr minmax(220px,330px);align-items:end;gap:50px}
.app-screens-heading h2{font:500 clamp(38px,4.2vw,54px)/1.05 var(--serif);letter-spacing:-.055em;margin:30px 0 0}
.app-screens-heading h2 em{font-weight:500;color:var(--blue)}
.app-screens-heading>p{max-width:320px;margin:0 0 4px;color:#6d746f;font-size:12px;line-height:1.8}
.app-screens-swipe-hint{display:none}
.app-screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start;margin-top:47px}
.app-screen-card{min-width:0;margin:0}
.app-screen-frame{padding:7px;border:1px solid #d9d5ca;border-radius:25px;background:#172c3e;box-shadow:0 15px 32px #1a29331a}
.app-screen-frame img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:cover;border-radius:19px;background:#f2f2f6}
.app-screen-card figcaption{display:flex;flex-direction:column;gap:7px;padding:15px 5px 0}
.app-screen-card figcaption span{font:8px var(--mono);letter-spacing:.1em;color:#888879}
.app-screen-card figcaption strong{font:500 17px/1.35 var(--serif);color:var(--ink)}
@media(max-width:850px){.app-screens-heading{gap:32px}.app-screens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}}
@media(max-width:620px){.app-screens-section{padding-block:74px 80px}.app-screens-heading{display:block}.app-screens-heading h2{font-size:39px;margin-top:26px}.app-screens-heading>p{font-size:12px;margin-top:16px}.app-screens-swipe-hint{display:flex;justify-content:space-between;margin:27px 0 12px;color:#7b807a;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.app-screens-swipe-hint span{font-size:15px}.app-screens-grid{display:flex;overflow-x:auto;gap:14px;margin:0 -20px;padding:4px 20px 16px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-screens-grid::-webkit-scrollbar{display:none}.app-screen-card{flex:0 0 min(76vw,315px);scroll-snap-align:start}.app-screen-frame{padding:6px;border-radius:23px}.app-screen-frame img{border-radius:17px}.app-screen-card figcaption{padding:12px 4px 0}.app-screen-card figcaption strong{font-size:16px}}

/* Replace the old synthetic pairing widget with the real iPhone screens. */
.demo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}
.demo-shot{min-width:0;margin:0}
.demo-shot-frame{padding:6px;border:1px solid #476074;border-radius:22px;background:#102536;box-shadow:0 18px 36px #06131e44}
.demo-shot-frame img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:cover;border-radius:16px;background:#f2f2f6}
.demo-shot figcaption{padding:12px 3px 0;color:#d7d8d1;font:9px/1.6 var(--mono);letter-spacing:.035em}
.app-screens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.app-screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.demo-gallery{display:flex;overflow-x:auto;gap:13px;margin:0 -20px;padding:3px 20px 13px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-gallery::-webkit-scrollbar{display:none}.demo-shot{flex:0 0 min(54vw,225px);scroll-snap-align:start}.demo-shot-frame{padding:5px;border-radius:18px}.demo-shot-frame img{border-radius:13px}.demo-shot figcaption{font-size:8px;padding-top:9px}.app-screens-grid{display:flex}}

/* A concrete look at the on-device garment cutout flow. */
.cutout-section{padding-block:104px 112px;background:#eeeae1;border-block:1px solid #ded9ce}
.cutout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);align-items:center;gap:95px}
.cutout-copy .eyebrow{margin:36px 0 18px}
.cutout-copy h2{font:500 clamp(39px,4.25vw,54px)/1.12 var(--serif);letter-spacing:-.055em;margin:0 0 24px}
.cutout-copy h2 em{font-weight:500;color:var(--blue)}
.cutout-copy>p:not(.eyebrow){max-width:475px;color:#666f6d;font-size:13px;line-height:1.8;margin:0}
.cutout-points{list-style:none;margin:28px 0 20px;padding:0;max-width:475px;border-top:1px solid #d1cbc0}
.cutout-points li{display:flex;gap:18px;align-items:baseline;padding:12px 0;border-bottom:1px solid #d1cbc0;color:#394a4c;font-size:12px;line-height:1.45}
.cutout-points li span{color:#8d8d80;font:9px var(--mono);letter-spacing:.08em}
.cutout-copy>small{display:block;max-width:440px;color:#737b76;font-size:10px;line-height:1.7}
.cutout-figure{margin:0}
.cutout-demo{padding:18px 21px 16px;background:#f8f6f0;border:1px solid #d7d2c8;box-shadow:0 20px 45px #26333d14}
.cutout-demo-header,.cutout-demo-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#7b827e;font:8px var(--mono);letter-spacing:.08em}
.cutout-demo-header{padding-bottom:14px;border-bottom:1px solid #e2ded5}
.cutout-demo-header span:last-child{color:#6c8b78}
.cutout-demo-stage{position:relative;height:315px;display:grid;place-items:center;margin:15px 0;background:#e9ecee;overflow:hidden;transition:background-color .3s ease}
.cutout-demo-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d4d1c9 0 19%,#b8c0b5 19% 38%,#ded8ca 38% 60%,#b8c0b5 60% 81%,#d4d1c9 81% 100%);opacity:0;transition:opacity .3s ease}
.cutout-demo-stage::after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(#a88a6e,#8f7158);border-top:5px solid #d7c1a9;opacity:0;transition:opacity .3s ease}
.cutout-demo[data-view="original"] .cutout-demo-stage::before,.cutout-demo[data-view="original"] .cutout-demo-stage::after{opacity:1}
.cutout-demo-stage img{position:relative;z-index:1;display:block;max-width:82%;max-height:94%;object-fit:contain;filter:drop-shadow(0 12px 14px #172c3e24)}
.cutout-demo-switch{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:#e6e4de;color:#626b6b;font-size:10px;text-align:center}
.cutout-demo-switch button{appearance:none;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:9px 12px;transition:background-color .2s ease,color .2s ease}
.cutout-demo-switch button:hover{color:var(--ink)}
.cutout-demo-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.cutout-demo-switch button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 1px 3px #1b2a3118}
.cutout-demo-footer{padding-top:15px}
.cutout-demo-footer span:last-child{color:#53705d}
.cutout-figure figcaption{padding:11px 2px 0;color:#7c827b;font-size:9px;line-height:1.5}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.cutout-layout{gap:38px;grid-template-columns:minmax(0,1fr) minmax(285px,.9fr)}.cutout-demo-stage{height:265px}}
@media(max-width:620px){.cutout-section{padding-block:74px 80px}.cutout-layout{display:flex;flex-direction:column;align-items:stretch;gap:36px}.cutout-copy .eyebrow{margin-top:27px}.cutout-copy h2{font-size:39px}.cutout-copy>p:not(.eyebrow){font-size:12px}.cutout-demo{padding:15px}.cutout-demo-stage{height:270px}.cutout-points{margin-top:23px}}