:root{
    --navy:#07164f;
    --green:#079a64;
    --text:#1a2757;
    --muted:#65708b;
    --line:#e8ecf2;
    --soft:#f7fbfa;
    --mint:#edf9f4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{padding:38px 0 8px;background:#fff}
.logo{font-size:44px;font-weight:800;letter-spacing:-2.4px;line-height:1;color:var(--navy)}
.logo span,.launch-logo span{color:var(--green)}
.tagline{font-size:18px;margin-top:4px;color:#5c6680;letter-spacing:-.4px}

.hero{overflow:hidden;padding:18px 0 0;background:linear-gradient(90deg,#fff 0%,#fff 55%,#f3fbff 100%)}
.hero-grid{display:grid;grid-template-columns:56% 44%;align-items:stretch;min-height:600px}
.hero-copy{padding:58px 18px 46px 0;position:relative;z-index:2}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:3px;color:#586584;margin-bottom:22px}
h1{margin:0;color:var(--navy);font-size:58px;line-height:1.05;letter-spacing:-2.7px;font-weight:800;max-width:650px}
.hero-sub{font-size:22px;line-height:1.45;color:#626d89;margin:20px 0 32px}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:630px;margin-bottom:34px}
.feature-item{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.25;color:#1b2857;font-weight:600}
.feature-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--green);border-radius:50%;font-weight:800;font-size:17px}
.feature-icon.person{font-size:13px;position:relative}
.feature-icon.search{font-size:28px;background:transparent;color:var(--green);justify-content:flex-start}
.notify-form{max-width:640px}
.input-shell{display:flex;align-items:center;border:1px solid #e1e5ec;background:#fff;border-radius:12px;box-shadow:0 5px 18px rgba(19,35,71,.08);padding:4px 5px 4px 15px}
.mail-symbol{font-size:20px;color:#7a839b;margin-right:10px}
.input-shell input{border:0;outline:0;font:inherit;font-size:16px;flex:1;min-width:0;padding:15px 4px;color:#24315c;background:transparent}
.input-shell button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:17px 27px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;min-width:160px;box-shadow:0 4px 10px rgba(7,154,100,.2)}
.input-shell button:hover{filter:brightness(.95)}
.notify-note{font-size:13px;color:#74809a;margin:11px 3px 0}
.form-message{margin-top:12px;padding:11px 14px;border-radius:8px;font-size:14px;line-height:1.35}
.form-message.success{background:#ebf8f2;color:#08754f}
.form-message.error{background:#fff0f0;color:#a52c2c}
.hp{position:absolute;left:-9999px;opacity:0}
.hero-visual{position:relative;min-height:600px;overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.35) 11%,rgba(255,255,255,0) 32%);z-index:1;pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.05)}
.hand-note{position:absolute;top:40px;right:13px;z-index:2;font-family:Caveat,cursive;color:var(--navy);font-size:32px;line-height:.9;transform:rotate(-7deg);text-align:center}
.hand-note span,.scribble span{display:block;width:72px;height:3px;background:var(--green);margin:15px auto 0;transform:rotate(-10deg)}

.conditions{background:#fff;padding:42px 0 30px}
.conditions h2{text-align:center;color:var(--navy);font-size:28px;letter-spacing:-.8px;margin:0 0 28px}
.condition-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;align-items:start}
.condition{text-align:center;font-size:13px;font-weight:600;color:#1b2857}
.circle{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#f5f7f9;margin:0 auto 9px;border:1px solid #f0f2f5}
.circle img{width:100%;height:100%;object-fit:cover;display:block}
.divider{height:1px;background:var(--line);margin:34px 0 29px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.value-card{text-align:center;padding:0 28px;position:relative}
.value-card:not(:last-child):after{content:"";position:absolute;right:0;top:7px;height:100px;width:1px;background:var(--line)}
.value-icon{font-size:40px;color:var(--green);line-height:1}
.value-card h3{font-size:16px;margin:10px 0 7px;color:var(--navy)}
.value-card p{margin:0;color:#7a839a;font-size:14px}

.launch-band{padding:18px 0 0}
.launch-card{min-height:175px;background:linear-gradient(100deg,#f3fcf9,#e9f7f0);border-radius:14px;padding:28px 42px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;overflow:hidden;position:relative}
.launch-card:after{content:"";position:absolute;right:-50px;top:-45px;width:180px;height:180px;border-radius:45% 0 45% 50%;background:rgba(78,193,147,.09);transform:rotate(22deg)}
.launch-center{text-align:center;position:relative;z-index:1}
.launch-logo{font-size:45px;font-weight:800;color:var(--navy);letter-spacing:-2.2px;line-height:1}
.launch-center h3{font-size:20px;color:var(--navy);margin:10px 0 9px}
.launch-center p{color:#6f7891;font-size:14px;margin:0}
.scribble{font-family:Caveat,cursive;color:var(--green);font-size:29px;line-height:.95;text-align:center;transform:rotate(-7deg)}
.scribble.right{font-size:25px;color:#52668e;transform:rotate(-7deg)}

footer{padding:28px 0 36px;color:#77819a;font-size:12px}
.footer-row{display:flex;justify-content:space-between;align-items:center}
footer nav{display:flex;gap:38px}
footer a:hover{color:var(--green)}

@media (max-width:980px){
    .hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-visual{min-height:470px;border-radius:18px}.hero{padding-bottom:28px}
    .condition-grid{grid-template-columns:repeat(4,1fr);row-gap:24px}.circle{width:100px;height:100px}
    .launch-card{grid-template-columns:1fr}.scribble{display:none}
}
@media (max-width:680px){
    .container{width:min(100% - 28px,1180px)}
    .site-header{padding-top:25px}.logo{font-size:37px}.tagline{font-size:15px}
    .hero-copy{padding-top:35px}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:16px}
    h1{font-size:42px;letter-spacing:-1.8px}.hero-sub{font-size:18px}.desktop-only{display:none}
    .feature-row{grid-template-columns:repeat(2,1fr);gap:20px 28px}
    .input-shell{display:grid;grid-template-columns:auto 1fr;gap:0;padding:5px 5px 5px 13px}
    .input-shell button{grid-column:1 / -1;width:100%;margin-top:4px}
    .condition-grid{grid-template-columns:repeat(2,1fr)}
    .conditions h2{font-size:24px}
    .value-grid{grid-template-columns:1fr;gap:28px}.value-card:not(:last-child):after{display:none}
    .launch-card{padding:31px 20px}.launch-logo{font-size:39px}
    .footer-row{flex-direction:column;gap:18px}.hero-visual{min-height:390px}.hand-note{font-size:27px;right:12px}
}