:root{--green:#073c34;--ink:#102b30;--coral:#d8775b;--muted:#62696a;--cream:#faf7f2;--line:#deded7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:600;line-height:1.08;letter-spacing:-1.7px}h1{font-size:clamp(42px,4.6vw,67px);color:#0a2324}h2{font-size:clamp(34px,3.6vw,51px)}h3{font-size:17px;font-weight:600;line-height:1.4}.wrap{width:min(1280px,91%);margin:auto}.header{width:100%;padding:22px 4.5%;display:flex;align-items:center;justify-content:space-between;background:#faf8f3;gap:25px}.brand{font:bold 36px Georgia,serif;letter-spacing:-1.5px;position:relative;color:var(--green);white-space:nowrap}.brand span{font-size:.78em;color:var(--coral)}.brand i{position:absolute;top:-17px;right:36px;font-size:25px;font-style:normal;transform:rotate(-30deg)}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav>a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:13px 27px;background:var(--green);color:white;border:1px solid var(--green);border-radius:35px;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#15574b;transform:translateY(-2px)}.button.small{padding:10px 25px}.button.outline{background:transparent;color:var(--green)}.button.outline:hover{background:#f1eee4}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(100deg,#faf8f3,#f4eee5);overflow:hidden;min-height:620px;position:relative}.hero-copy{padding:65px 0 75px 8.2%;z-index:1;position:relative}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.7px;margin-bottom:20px}.intro{font-size:19px;margin-top:24px;max-width:560px;color:#424e50}.benefits{display:flex;gap:22px;list-style:none;padding:0;margin:34px 0 42px;font-size:12px;line-height:1.5}.benefits li{position:relative;padding-left:23px}.benefits li:before{content:'✓';position:absolute;left:0;top:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#bab9ac;color:var(--green);font-size:11px}.actions{display:flex;gap:17px;flex-wrap:wrap}.hero-photo{position:relative;min-width:0;overflow:hidden}.hero-photo img{position:absolute;width:205%;max-width:none;height:auto;left:-105%;top:-12%;mix-blend-mode:multiply}.preview-label{position:absolute;bottom:14px;right:20px;background:#faf7f2e8;border-radius:15px;padding:3px 10px;font-size:9px;color:#57605b}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center;padding-block:50px}.features article h2{font:600 17px/1.4 Arial,sans-serif;letter-spacing:-.3px;margin-bottom:8px}.features p{font-size:14px;color:var(--muted)}.icon{width:75px;height:75px;margin:0 auto 15px;border-radius:50%;background:#fbf0e8;color:var(--coral);display:grid;place-items:center}.icon svg{width:38px;height:38px}.integration{background:linear-gradient(110deg,#fbfaf7,#fff 55%,#fbfaf7);padding-block:60px}.split{display:grid;grid-template-columns:.85fr 1.2fr;align-items:center;gap:50px}.split p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:450px;margin:20px 0 15px}.diagram{display:flex;align-items:center;justify-content:space-between;gap:9px}.sources{display:grid;gap:16px}.sources>div{display:flex;align-items:center;gap:13px;box-shadow:0 5px 25px #453d2d08;background:white;border:1px solid #f3f1ec;padding:15px;border-radius:12px;font-size:13px}.sources svg{width:30px;height:30px;flex-shrink:0}.sources small{display:block;font-size:10px;color:var(--muted)}.arrow{font-size:29px;color:#56766c}.hub{font:bold 25px Georgia,serif;padding:55px 15px;background:#f6f2eb;border-radius:20px;white-space:nowrap}.hub span{color:var(--coral)}.portify{background:#fff;padding:22px 15px;border-radius:20px;box-shadow:0 7px 35px #00000005;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:24px;min-width:130px}.portify-symbol{color:#3463ed;font:bold 65px/1 Arial,sans-serif;text-shadow:-6px 0 #4ad0f0}.portify small{font-size:10px;max-width:105px;margin-top:12px}.why{padding-block:55px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-bottom:32px}.section-heading>p{font-size:16px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.cards h3{margin:11px 5px 4px}.cards p{font-size:14px;color:#465052;margin-inline:5px}.photo{position:relative;overflow:hidden;aspect-ratio:196/118;border-radius:12px;background:#eee5d7}.photo img{position:absolute;width:471.43%;height:auto;max-width:none;top:-1000%}.photo-0 img{left:-21.43%}.photo-1 img{left:-132.65%}.photo-2 img{left:-243.37%}.photo-3 img{left:-354.08%}.banner{background:linear-gradient(100deg,#294535f5,#294535e8 55%,#29453599),url('assets/reference.png');background-size:auto,100% auto;background-position:center,center 90%;border-radius:22px;padding:38px 46px;color:white;margin-block:0 55px}.banner h2{font-size:clamp(32px,3vw,44px)}.banner p:not(.eyebrow){font-size:16px;max-width:490px;margin:20px 0}.light{background:#f9f4e9;color:var(--green);border-color:#f9f4e9}.light:hover{background:#fff}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding-bottom:55px}.faq h2{font-size:38px}details{padding:18px 0;border-bottom:1px solid var(--line)}details:first-child{padding-top:0}summary{display:flex;justify-content:space-between;gap:15px;list-style:none;font-weight:600;font-size:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--green)}details[open] summary:after{content:'−'}details p{margin-top:12px;font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#f5f2eb;border-radius:20px;padding:45px}.contact h2{font-size:43px}.contact h2 em{font-style:normal}.contact>div>p:not(.eyebrow){margin-top:20px}.contact-note{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;margin-bottom:5px}input,textarea{width:100%;color:var(--ink);background:white;border:1px solid #bfc6bf;border-radius:6px;padding:10px 12px;margin-bottom:13px;resize:vertical;font-size:14px}.contact .button{background:var(--green);color:white;width:100%}#result{margin-top:20px}.copy{border:1px solid var(--green);border-radius:20px;background:transparent;padding:7px 15px;color:var(--green);font-size:12px}#status{font-size:12px;margin-top:10px}.footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer .brand{font-size:28px}.footer nav{gap:25px;font-size:11px}.footer p{font-size:11px}.footer p>span{color:var(--coral);margin-left:10px}.footer small{font-size:10px;color:var(--muted);width:100%;border-top:1px solid var(--line);padding-top:15px}.skip{position:absolute;top:-70px;left:10px;padding:10px;background:var(--green);color:white;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}@media(min-width:1450px){.hero{min-height:700px}.hero-copy{padding-top:95px}.hero-photo img{top:-13%}}@media(max-width:1050px){.hero{min-height:540px}.hero-copy{padding-top:45px;padding-bottom:45px}.hero h1{font-size:49px}.intro{font-size:16px}.benefits{gap:12px;font-size:10px}.hero-photo img{top:-9%}.split{gap:25px;grid-template-columns:.9fr 1.1fr}.diagram{gap:5px}.hub{font-size:19px;padding:40px 10px}.sources>div{padding:10px;gap:8px;font-size:11px}.portify{min-width:95px;padding:15px 8px}.arrow{font-size:21px}.features{gap:20px}.cards{gap:20px}.section-heading{gap:40px}.header nav{gap:24px}}@media(max-width:760px){.header{padding:20px 5%;flex-wrap:wrap}.brand{font-size:31px}.menu{display:block;padding:6px 13px;border:1px solid #a1afa5;border-radius:20px;background:transparent;color:var(--green);font-size:13px}.header nav{display:none;width:100%;flex-direction:column;gap:0;align-items:stretch;padding-top:12px}.header nav.open{display:flex}.header nav>a{padding:13px}.header nav .button{margin-top:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 5% 20px}.hero h1{font-size:clamp(39px,8vw,58px)}.eyebrow{font-size:9px;letter-spacing:2px}.intro{max-width:550px}.benefits{font-size:11px;margin:26px 0;gap:18px;flex-wrap:wrap}.hero-photo{width:100%;aspect-ratio:1.4}.hero-photo img{width:175%;left:-75%;top:-22%}.actions{gap:12px}.button{font-size:13px;padding:12px 21px}.features{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:40px}.features article h2{font-size:15px}.features p{font-size:13px}.icon{width:60px;height:60px}.icon svg{width:30px;height:30px}.integration{padding-block:40px}.split{grid-template-columns:1fr;gap:35px}.diagram{justify-content:center;gap:10px}.sources>div{padding:13px;font-size:12px}.hub{font-size:20px;padding:45px 10px}.portify{min-width:105px}.section-heading{grid-template-columns:1fr;gap:22px}.why{padding-block:40px}.cards{grid-template-columns:1fr 1fr;gap:28px 20px}.cards h3{font-size:15px}.cards p{font-size:13px}.banner{padding:30px 25px;margin-bottom:40px;border-radius:14px}.banner .eyebrow{font-size:9px}.banner p:not(.eyebrow){font-size:14px}.faq{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.contact{grid-template-columns:1fr;padding:30px 23px;gap:28px}.contact h2{font-size:36px}.footer{gap:22px;padding-block:30px}.footer nav{flex-wrap:wrap;gap:20px}.footer p{width:100%}}@media(max-width:390px){.diagram{gap:5px}.sources>div{padding:10px 7px;gap:5px;font-size:10px}.sources small{font-size:8px}.sources svg{width:24px}.hub{font-size:16px;padding-inline:7px}.portify{min-width:80px;font-size:20px}.portify small{font-size:8px}.arrow{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
