.oi{color:#142e42;background:#f4f6f8}.oi .oi-wrap{width:min(1080px,100% - 64px);margin-inline:auto}.oi .oi-hero{isolation:isolate;color:#fff;background:#08263e;padding:52px 0 44px;position:relative;overflow:hidden}.oi .oi-hero-photo{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.oi .oi-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#061e34fa,#08263eed 38%,#08263e70 72%,#08263e30);position:absolute;inset:0}.oi .oi-kicker{letter-spacing:.12em;text-transform:uppercase;color:#08737b;margin:0 0 16px;font-size:12px;font-weight:800}.oi .oi-hero .oi-kicker,.oi .oi-use .oi-kicker{color:#ffb570}.oi .oi-hero h1{letter-spacing:-1.7px;color:#fff;max-width:730px;margin:0 0 22px;font-size:clamp(34px,4.5vw,58px);line-height:1.08}.oi .oi-hero h1 em{color:#ffb570;font-style:normal}.oi .oi-hero-content>p:not(.oi-kicker){color:#e1edf5;max-width:520px;font-size:17px;line-height:1.65}.oi .oi-button{color:#102b3e;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(#ffac60,#ff963e);border:1px solid #ffb879;border-radius:8px;justify-content:center;align-items:center;padding:14px 23px;font-size:16px;font-weight:800;line-height:1.4;text-decoration:none;display:inline-flex;box-shadow:0 4px #ac511b}.oi .oi-button:focus-visible,.oi summary:focus-visible{outline-offset:5px;outline:3px solid #087e88}.oi .oi-hero-button{margin:22px 0 16px}.oi .oi-hero-content .oi-fine{color:#cfdee9!important;font-size:12px!important}.oi .oi-inquiry{color:#102e42;background:#fff;border-radius:15px 15px 3px;max-width:250px;padding:18px 22px;font-weight:700;position:absolute;bottom:44px;right:max(32px,50% - 540px);transform:rotate(-3deg);box-shadow:0 14px 38px #0003}.oi .oi-inquiry small{letter-spacing:.07em;text-transform:uppercase;color:#526a7a;margin-bottom:6px;font-size:11px;display:block}.oi .oi-offer{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px;padding:40px 0 20px;display:grid}.oi .oi-product{text-align:center;padding:20px 0}.oi .oi-real-preview{max-width:350px;margin:0 auto 20px}.oi .oi-real-preview img{border:1px solid #c4d2dc;border-radius:4px;width:100%;height:auto;display:block;transform:rotate(-2deg);box-shadow:7px 7px #fff,12px 12px #d3e0e7,0 22px 40px #08263e26}.oi .oi-real-preview figcaption{color:#304e62;margin-top:27px;font-size:13px;font-weight:700;line-height:1.6}.oi .oi-product-note{color:#4d6472;font-size:13px;line-height:1.6}.oi .oi-form-panel{background:#fff;border:1px solid #dce5eb;border-radius:14px;scroll-margin-top:28px;overflow:hidden;box-shadow:0 20px 50px #08263e15}.oi .oi-form-top{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(110deg,#0b3c51,#087e88);justify-content:space-between;gap:12px;padding:15px 26px;font-size:12px;font-weight:800;display:flex}.oi .oi-form-inner{color:#142e42;padding:28px}.oi .oi-form-inner h2{color:#142e42;letter-spacing:-.6px;line-height:1.15;margin:0 0 12px!important;font-size:29px!important}.oi .oi-form-inner h3{color:#142e42}.oi .oi-form-inner form>p{color:#526a7a;line-height:1.6;opacity:1!important}.oi .oi-form-inner label{color:#243f51}.oi .oi-form-inner input[type=email]{color:#142e42!important;background:#f4f6f8!important;border-color:#a8bac7!important}.oi .oi-form-inner input[type=email]::placeholder{color:#5c7382;opacity:1}.oi .oi-form-inner button[type=submit]{width:100%;font-size:16px;font-weight:800}.oi .oi-form-note{text-align:center;font-size:12px;margin:18px 0 0!important}.oi .oi-method{padding:55px 0}.oi .oi-method>h2,.oi .oi-faq>h2{letter-spacing:-.8px;color:#142e42;margin:0 0 28px;font-size:34px;line-height:1.15}.oi .oi-example{background:#fff;border:1px solid #dce5eb;border-radius:12px;grid-template-columns:1fr 1.2fr;align-items:center;gap:30px;margin-bottom:26px;padding:30px;display:grid}.oi .oi-example small{text-transform:uppercase;letter-spacing:.06em;color:#08737b;font-size:12px;font-weight:800}.oi .oi-example p{color:#526a7a;margin:12px 0 0;font-size:15px;line-height:1.6}.oi .oi-example blockquote{color:#142e42;background:#f4f6f8;border-left:3px solid #ff963e;margin:0;padding:22px;font-size:21px;font-weight:700;line-height:1.5}.oi .oi-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.oi .oi-choices details{background:#fff;border:1px solid #dce5eb;border-radius:10px;align-self:start;padding:16px}.oi summary{cursor:pointer;color:#142e42;min-height:44px;font-weight:700;line-height:1.5}.oi details p{color:#526a7a;margin:10px 0 0;font-size:14px;line-height:1.65}.oi .oi-use{color:#e1edf5;background:#08263e;padding:44px 0}.oi .oi-use h2{color:#fff;margin:0 0 26px;font-size:34px;line-height:1.2}.oi .oi-use ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding-left:20px;display:grid}.oi .oi-use li{color:#ffb570;padding-left:5px}.oi .oi-use strong{color:#fff;margin-bottom:6px;font-size:16px;display:block}.oi .oi-use li span{color:#cfdee9;font-size:14px;line-height:1.6;display:block}.oi .oi-faq{max-width:760px;padding:50px 0}.oi .oi-faq details{border-bottom:1px solid #dce5eb;padding:15px 0}.oi .oi-faq a{color:#076b75}.oi .oi-final{text-align:center;color:#e1edf5;background:radial-gradient(at 100% 0,#126b75,#082c43 75%);border-radius:14px;margin-bottom:45px;padding:36px}.oi .oi-final h2{color:#fff;margin:0 0 14px;font-size:32px;line-height:1.2}.oi .oi-final p{color:#cfdee9;margin:0 0 23px}@media (max-width:700px){.oi .oi-wrap{width:calc(100% - 40px)}.oi .oi-hero{padding:30px 0}.oi .oi-hero h1{letter-spacing:-1px;font-size:36px}.oi .oi-hero-content>p:not(.oi-kicker){font-size:16px}.oi .oi-hero-photo{object-position:70% center}.oi .oi-inquiry,.oi .oi-hero-button,.oi .oi-hero-content .oi-fine{display:none}.oi .oi-offer{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:22px}.oi .oi-form-panel{grid-row:1}.oi .oi-form-inner{padding:23px 20px}.oi .oi-form-inner h2{font-size:27px!important}.oi .oi-form-top{padding:14px 20px}.oi .oi-product{padding-bottom:0}.oi .oi-method{padding:35px 0 42px}.oi .oi-method>h2,.oi .oi-faq>h2,.oi .oi-use h2{font-size:29px}.oi .oi-example{grid-template-columns:1fr;gap:18px;padding:21px}.oi .oi-example blockquote{font-size:19px}.oi .oi-choices{grid-template-columns:1fr 1fr}.oi .oi-use ol{grid-template-columns:1fr;gap:22px}.oi .oi-final{padding:29px 22px}.oi .oi-final h2{font-size:28px}}@media (max-width:360px){.oi .oi-hero h1{font-size:32px}.oi .oi-wrap{width:calc(100% - 32px)}.oi .oi-button{padding:13px 12px;font-size:14px}.oi .oi-form-top{letter-spacing:.03em;font-size:11px}}@media (max-width:980px){.oi .oi-hero:before{background:linear-gradient(90deg,#061e34f5,#08263ee0)}}.oi .oi-form-inner .oi-download{width:100%}.oi .oi-button-ol{color:#0b3c51;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #9fb3c0;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.oi .oi-button-ol:hover{background:#eef3f6}.oi .oi-button-ol:focus-visible{outline-offset:4px;outline:3px solid #087e88}.oi .oi-form-inner .oi-aside{border-top:1px solid #dce5eb;margin-top:24px;padding-top:20px}.oi .oi-form-error{color:#7d1d1d;background:#fdecec;border:1px solid #d99a9a;border-radius:9px;margin:0 0 14px;padding:10px 12px;font-size:14px}.oi .oi-choices .oi-when{color:#142e42;margin-top:10px;font-weight:600}.oi .delivery-hero{color:#fff;background:radial-gradient(at 100% 0,#115466,#08263e 75%);padding:42px 0 35px}.oi .delivery-hero .oi-kicker{color:#ffb570}.oi .delivery-hero h1{letter-spacing:-1.2px;color:#fff;max-width:850px;margin:0 0 16px;font-size:clamp(32px,4.2vw,49px);line-height:1.12}.oi .delivery-lede{color:#e1edf5;margin:0 0 26px;font-size:18px}.oi .delivery-progress{color:#e1edf5;flex-wrap:wrap;gap:30px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.oi .delivery-progress li{align-items:center;gap:9px;display:flex}.oi .delivery-progress b{color:#ffb570;font-size:12px}.oi .delivery-body{max-width:980px;padding-top:32px;padding-bottom:36px}.oi .delivery-body h2,.oi .delivery-body h3{color:#142e42;letter-spacing:-.5px;margin:0 0 15px;font-size:29px;line-height:1.2}.oi .delivery-body p{color:#526a7a;line-height:1.65}.oi .delivery-download{background:#fff;border:1px solid #dce5eb;border-radius:14px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:34px;padding:32px;display:grid;box-shadow:0 16px 40px #08263e0c}.oi .delivery-document{color:#fff;background:#092b43;flex-direction:column;gap:18px;min-height:220px;padding:20px;display:flex;transform:rotate(-4deg);box-shadow:6px 6px #dce5eb}.oi .delivery-document span{letter-spacing:.08em;color:#a5dfe1;font-size:11px}.oi .delivery-document strong{color:#fff;font-size:22px;line-height:1.2}.oi .delivery-document small{color:#ffb570;margin-top:auto;font-size:11px}.oi .delivery-download .oi-button{width:auto;margin-top:10px}.oi .delivery-body .delivery-note{color:#526a7a;margin-top:18px;font-size:13px;line-height:1.6}.oi .delivery-body .delivery-use{border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb;margin-top:36px;padding:28px 0}.oi .delivery-use>h3{font-size:27px!important}.oi .delivery-use ol{color:#243f51;gap:16px;max-width:760px;display:grid;margin-top:20px!important}.oi .delivery-use li{padding-left:7px;font-size:15px;line-height:1.7}.oi .delivery-use li strong{color:#142e42}.oi .delivery-watch-link{margin-top:5px}.oi .delivery-watch{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:36px;padding:38px 0;display:grid}.oi .delivery-watch>div>p{margin:0 0 18px}.oi .delivery-conversation{color:#fff;background:#08263e;border-radius:14px;padding:28px;box-shadow:0 16px 30px #08263e15}.oi .delivery-conversation small{text-transform:uppercase;letter-spacing:.08em;color:#b9d5e5;font-size:12px}.oi .delivery-conversation p{color:#142e42;background:#fff;border-radius:12px 12px 3px;margin:16px 0 20px;padding:18px;font-size:21px;line-height:1.4}.oi .delivery-conversation span{color:#cfdee9;font-size:13px;line-height:1.6;display:block}.oi .delivery-body .delivery-kit{border-top:1px solid #dce5eb;max-width:800px;margin-top:0;padding-top:28px}.oi .delivery-kit h3{font-size:23px!important}.oi .delivery-leave{padding-top:20px}.oi .delivery-leave a{color:#076b75}@media (max-width:700px){.oi .delivery-hero{padding:32px 0}.oi .delivery-hero h1{font-size:34px}.oi .delivery-progress{gap:13px 20px;font-size:12px}.oi .delivery-download{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 21px}.oi .delivery-document{display:none}.oi .delivery-body h2{font-size:26px}.oi .delivery-download .oi-button{width:100%;font-size:15px}.oi .delivery-watch{grid-template-columns:minmax(0,1fr);gap:24px;padding:30px 0}.oi .delivery-conversation{padding:23px}.oi .delivery-use ol{padding-left:22px!important}.oi .delivery-body{padding-top:22px}.oi .delivery-watch .oi-button{width:100%}}.oi .delivery-kit p{opacity:1!important}.oi .oi-preview-open{color:#1552b0;width:100%;font:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.oi .oi-preview-open>span{text-underline-offset:4px;margin-top:25px;font-size:15px;font-weight:800;text-decoration:underline;display:inline-block}.oi .oi-preview-open:focus-visible{outline-offset:8px;border-radius:4px;outline:3px solid #087e88}.oi .oi-real-preview figcaption{margin-top:8px}.oi .oi-sample-dialog{color:#142e42;overscroll-behavior:contain;background:#e8eef3;border:1px solid #b9cbd8;border-radius:14px;width:calc(100% - 32px);max-width:960px;max-height:92dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #0006}.oi .oi-sample-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#041b30cc}.oi .oi-sample-header{z-index:1;text-align:left;background:#fff;border-bottom:1px solid #c6d6e0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;position:sticky;top:0}.oi .oi-sample-header h2{color:#142e42;margin:0;font-size:22px;line-height:1.25}.oi .oi-sample-header p{color:#4d6472;margin:5px 0 0;font-size:13px;line-height:1.5}.oi .oi-sample-header button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#1552b0;border:1px solid #1552b0;border-radius:7px;flex-shrink:0;padding:10px 16px;font-weight:700}.oi .oi-sample-header button:focus-visible{outline-offset:3px;outline:3px solid #dc6c12}.oi .oi-sample-body{padding:24px}.oi .oi-sample-body img{width:100%;height:auto;display:block;box-shadow:0 6px 24px #08263e26}@media (max-width:700px){.oi .oi-sample-header{gap:10px;padding:14px}.oi .oi-sample-header h2{font-size:19px}.oi .oi-sample-header p{font-size:12px}.oi .oi-sample-header button{padding:9px 12px}.oi .oi-sample-body{padding:10px}}.oi .delivery-hero{isolation:isolate;position:relative;overflow:hidden}.oi .delivery-hero-photo{z-index:0;object-fit:cover;object-position:center 55%;opacity:.12;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.oi .delivery-hero>.oi-wrap{z-index:1;position:relative}.oi .delivery-download{grid-template-columns:210px minmax(0,1fr)}.oi .delivery-real-preview .oi-real-preview{max-width:210px;margin:0 auto}.oi .delivery-real-preview .oi-preview-open>span{font-size:13px}.oi .delivery-real-preview figcaption{font-size:12px}@media (max-width:700px){.oi .delivery-download{grid-template-columns:minmax(0,1fr)}.oi .delivery-real-preview{padding:4px 8px 12px}.oi .delivery-hero-photo{object-position:70% center}}