:root{--navy:#122b40;--ink:#172d40;--teal:#168d96;--mint:#a9e2db;--light:#eff8f7;--cream:#f8f6f0;--muted:#5e707e;--line:#dce7e9;--shadow:0 18px 48px rgba(18,43,64,.11);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.17}h1{font-size:clamp(2.55rem,5.4vw,4.8rem)}h2{font-size:clamp(1.9rem,3.6vw,3.1rem)}h3{font-size:1.25rem}p{color:var(--muted)}.wrap{max-width:1230px;width:calc(100% - 48px);margin:0 auto}.topbar{background:var(--navy);color:#e6f2f1;font-size:.83rem}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding:8px 0}.topbar a:hover{color:#b3e7e1}.topbar-links{display:flex;gap:24px}.header{background:#fff;border-bottom:1px solid #e2eaed;position:sticky;top:0;z-index:30;box-shadow:0 5px 22px rgba(15,42,60,.035)}.header-inner{min-height:89px;display:flex;align-items:center;gap:20px}.logo{display:block;width:250px;flex-shrink:0}.logo img{height:60px;width:auto}.nav{display:flex;margin-left:auto;gap:1px;align-items:center}.nav>a{font-size:.9rem;font-weight:700;padding:15px 12px;border-radius:7px;white-space:nowrap}.nav>a:hover,.nav>a.active{background:var(--light);color:#087e88}.menu-btn{display:none;margin-left:auto;align-items:center;gap:7px;padding:9px 12px;background:transparent;color:var(--navy);border:1px solid var(--line);border-radius:8px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;background:var(--teal);border:1px solid var(--teal);padding:12px 22px;color:#fff;font-size:.9rem;font-weight:700;transition:transform .15s,background .15s}.pill:hover{background:#0c6872;transform:translateY(-1px)}.pill.ghost{background:transparent;color:var(--navy);border:1px solid var(--navy)}.pill.white{background:#fff;color:var(--navy);border:1px solid #fff}.pill.sm{padding:9px 15px;font-size:.85rem}.hero{background:linear-gradient(120deg,#f6fcfa 0%,#edf7f7 65%,#dfeeed 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:49% 51%;min-height:595px;align-items:center}.hero-copy{padding:64px 48px 64px 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#108c96;font-size:.75rem;font-weight:800;margin-bottom:19px}.hero h1{margin-bottom:22px}.hero p{max-width:565px;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}.hero-photo{height:100%;min-height:595px;position:relative}.hero-photo img{width:calc(100% + 130px);height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,250,249,.17),transparent 40%)}.photo-note{position:absolute;right:24px;bottom:22px;z-index:2;background:rgba(20,44,59,.83);color:#fff;font-size:.69rem;border-radius:4px;padding:7px 11px}.trust{background:var(--navy);color:white}.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.trust-item{padding:28px 28px;display:flex;gap:12px;align-items:center;border-right:1px solid #355269}.trust-item:last-child{border-right:0}.trust-item b{display:block;line-height:1.25}.trust-item span{display:block;color:#d5e8e7;font-size:.83rem;line-height:1.3;margin-top:3px}.trust-mark{width:45px;height:45px;background:#254e60;color:#93e6df;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;flex-shrink:0}.section{padding:84px 0}.section.smaller{padding:60px 0}.section.soft{background:var(--cream)}.section.mint{background:#eef8f7}.section.navy{background:var(--navy);color:#fff}.section.navy p{color:#cddce1}.section-heading{max-width:810px;margin-bottom:38px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading p{font-size:1.04rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-radius:var(--radius);background:#fff;overflow:hidden;border:1px solid #e4ebed;box-shadow:0 7px 25px rgba(26,52,72,.045);height:100%;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{width:100%;height:208px;object-fit:cover}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card-body h3{margin-bottom:9px}.card-body p{font-size:.91rem;flex:1}.mini-link{color:#07838d;font-weight:800;font-size:.87rem;letter-spacing:.015em}.mini-link:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.rounded-img{border-radius:var(--radius);object-fit:cover;width:100%;height:430px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.stat b{color:var(--teal);display:block;font-size:2rem;line-height:1.2}.stat span{font-size:.83rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.step{background:#fff;border-radius:14px;padding:28px;border:1px solid var(--line)}.step-number{font-weight:900;color:var(--teal);font-size:1.45rem;margin-bottom:15px}.step h3{font-size:1.06rem}.step p{font-size:.89rem}.band{background:linear-gradient(105deg,#113449,#067985);color:white;border-radius:25px;padding:45px;display:flex;justify-content:space-between;gap:35px;align-items:center}.band h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:10px}.band p{margin:0;color:#cfe6e6}.page-hero{background:#f0f7f7;padding:65px 0 70px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-100px;top:-100px;height:370px;width:370px;border-radius:50%;border:65px solid rgba(30,135,147,.06)}.page-hero h1{font-size:clamp(2.2rem,5vw,4rem);max-width:940px;margin-bottom:18px}.page-hero p{max-width:760px;font-size:1.08rem}.breadcrumb{font-size:.81rem;display:flex;gap:9px;color:#607986;margin-bottom:24px;flex-wrap:wrap}.breadcrumb a{color:#17828a}.content-grid{display:grid;grid-template-columns:1fr 310px;gap:46px}.article{font-size:1.02rem}.article>p{margin-bottom:22px}.article h2{font-size:1.85rem;margin:30px 0 15px}.article h3{margin:24px 0 11px}.article li{margin:8px 0;color:#536675}.article ul{padding-left:21px}.article-img{width:100%;max-height:460px;object-fit:cover;border-radius:20px;margin:0 0 31px}.note{background:#eaf7f6;border-left:4px solid var(--teal);padding:16px 20px;border-radius:4px;margin:24px 0;color:#2e5d62;font-size:.92rem}.sidebar{position:relative}.sidebox{background:#f6f9f9;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px}.sidebox h3{font-size:1.07rem;margin-bottom:17px}.sidebox a{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid #e0e9eb;padding:11px 0;font-size:.89rem;color:#256579}.sidebox a:last-child{border-bottom:0}.sidebox a:hover{color:#0a8d98}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info{border:1px solid var(--line);border-radius:15px;background:#fff;padding:25px}.info .icon{font-size:1.5rem;color:#138995}.info h3{font-size:1.04rem;margin-top:15px}.listgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.list-link{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-weight:650;font-size:.94rem}.list-link:hover{border-color:#9ed4d5;color:#07818a}.form-wrap{max-width:670px;border:1px solid var(--line);padding:32px;border-radius:17px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field label{display:block;font-weight:650;font-size:.88rem;margin-bottom:6px}.form-field input,.form-field textarea,.form-field select{border:1px solid #cedcde;border-radius:7px;background:#fff;width:100%;padding:11px 12px;outline:none;color:var(--ink)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #b9e8e680}.form-field.wide{grid-column:1/-1}.form-status{font-size:.9rem;color:#0b7078;margin-top:12px}.muted{color:var(--muted)}.fine{font-size:.82rem}.article details,.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary,.article summary{cursor:pointer;font-weight:700;color:var(--navy)}.faq details p,.article details p{margin-top:12px}.foot{background:#0c2232;color:#eaf1f2;padding:65px 0 22px}.foot p,.foot small{color:#a9bec8}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:30px}.foot h3{color:#fff;font-size:1rem;margin-bottom:20px}.foot a{display:block;color:#bbd1d8;padding:5px 0;font-size:.9rem}.foot a:hover{color:#83e6db}.foot-logo{width:244px;background:#fff;border-radius:12px;padding:10px;margin-bottom:19px}.foot-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #294457;margin-top:46px;padding-top:18px;color:#b4c8d0;font-size:.78rem}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.swatch{border:1px solid var(--line);border-radius:12px;overflow:hidden}.swatch-color{height:110px}.swatch-label{padding:14px;font-size:.84rem}.swatch-label b{display:block}.button-row{display:flex;flex-wrap:wrap;gap:12px}.type-example{border-bottom:1px solid var(--line);padding:18px 0}.guide-example{padding:26px 0;border-bottom:1px solid #e4ecef}.guide-example:last-child{border-bottom:0}.directory-group{margin-bottom:40px}.directory-group h2{font-size:1.5rem}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-grid img{height:260px;width:100%;object-fit:cover;border-radius:12px}.searchbar{width:100%;padding:15px;border:1px solid #bdcfd2;border-radius:12px;margin-bottom:22px}.table-scroll{overflow-x:auto}.design-table{width:100%;border-collapse:collapse;margin:22px 0}.design-table td,.design-table th{padding:14px 17px;border:1px solid var(--line);text-align:left}.design-table th{background:#edf7f7;color:var(--navy)}.skip{position:absolute;top:-70px;left:14px;padding:8px;background:#fff;z-index:99}.skip:focus{top:14px}.error-note{background:#fff8e9;color:#8d6230;padding:14px 17px;border:1px solid #f2ddb0;border-radius:10px;font-size:.9rem} @media(max-width:1080px){.nav>a{padding:11px 8px;font-size:.8rem}.header .pill.sm{display:none}.logo{width:205px}.logo img{height:52px}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar .wrap{flex-wrap:wrap}.topbar-links{display:none}.header-inner{min-height:73px;flex-wrap:wrap}.menu-btn{display:flex}.nav{display:none;width:100%;order:10;flex-direction:column;align-items:stretch;padding:0 0 17px}.nav.is-open{display:flex}.nav>a{padding:12px 8px}.header .pill.sm{display:none}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:60px 0 40px}.hero-photo{height:340px;min-height:340px;width:100%}.hero-photo img{width:100%}.trust .wrap{grid-template-columns:1fr}.trust-item{padding:16px;border-right:0;border-bottom:1px solid #355269}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:26px}.content-grid{grid-template-columns:1fr}.sidebar{display:none}.steps{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.wrap{width:calc(100% - 30px)}.logo{width:205px}.section{padding:57px 0}.cards,.cards.four,.steps,.listgrid,.info-grid,.photo-grid,.stats,.swatches{grid-template-columns:1fr}.hero-photo{height:255px;min-height:255px}.hero h1{font-size:2.6rem}.hero-copy{padding:42px 0 33px}.band{display:block;padding:26px}.band .pill{margin-top:21px}.page-hero{padding:40px 0}.form-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.foot-bottom{display:block}.photo-grid img{height:240px}}