/* Website v2 iteration 4: tighter, more visual */
.v4-hero{background:#fff}.v4-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:570px;align-items:stretch}.v4-copy{padding:58px 48px 42px 0;display:flex;flex-direction:column;justify-content:center}.v4-copy h1{font-size:clamp(3.2rem,6.1vw,5.25rem);line-height:.96;letter-spacing:-.055em;color:var(--blue);margin:.15rem 0 1rem}.v4-copy h1 span{display:block;color:#2f9b35}.v4-copy .lead{font-size:1.12rem;max-width:590px}.v4-photo{position:relative;min-height:570px;background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0)),url('https://images.unsplash.com/photo-1758598304540-1ac6fd7d477b?auto=format&fit=crop&w=1400&q=82');background-size:cover;background-position:center;border-bottom-left-radius:34px;overflow:hidden}.v4-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(5,30,66,.16))}.v4-tech-stack{position:absolute;z-index:2;right:28px;top:62px;display:grid;gap:12px}.v4-tech-pill{min-width:178px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(5,30,66,.14);font-weight:850;color:var(--blue);display:flex;gap:10px;align-items:center;font-size:.85rem}.v4-tech-pill i{font-style:normal;width:30px;height:30px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-weight:900}.v4-trust{display:flex;gap:0;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.v4-trust span{padding:0 18px;border-right:1px solid var(--line);font-size:.82rem;font-weight:800;color:var(--blue)}.v4-trust span:first-child{padding-left:0}.v4-trust span:last-child{border:0}.v4-hero .cta-row{margin:22px 0 10px}
.v4-guide-wrap{padding:28px 0 34px}.v4-guide-card{display:grid;grid-template-columns:.85fr 1.45fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f8fcfc,#eef8f7);padding:24px 28px;box-shadow:0 10px 30px rgba(11,63,138,.07)}.v4-guide-copy h2{font-size:2rem;line-height:1.05;color:var(--blue);margin:.25rem 0 .65rem}.v4-guide-copy p{color:var(--muted);margin:0}.v4-map{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center}.v4-node{text-align:center}.v4-node b{width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 7px 18px rgba(11,63,138,.08);display:grid;place-items:center;margin:0 auto 8px;color:var(--blue);font-size:1.05rem}.v4-node.result b{background:var(--mint);color:var(--teal)}.v4-node span{display:block;font-size:.78rem;font-weight:800;color:var(--blue);line-height:1.2}.v4-line{height:1px;background:#9bb2c8;position:relative}.v4-line:after{content:"→";position:absolute;right:-3px;top:-13px;color:var(--blue);font-weight:900}
.v4-selector{padding:0 0 50px}.v4-selector .guide-shell{padding:24px;border-radius:22px;box-shadow:none}.v4-selector .guide-options{grid-template-columns:repeat(4,1fr);gap:10px}.v4-selector .guide-option{padding:13px;border-radius:13px}.v4-selector .guide-icon{width:38px;height:38px;flex-basis:38px}.v4-selector .guide-step h3{font-size:1.3rem}.v4-selector .guide-top{margin-bottom:14px}.v4-selector .guide-actions{margin-top:16px}
.v4-services-section{padding:52px 0 44px}.v4-services{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v4-service{text-align:center;padding:24px 13px;border-right:1px solid var(--line)}.v4-service:last-child{border:0}.v4-service-icon{width:64px;height:64px;margin:0 auto 10px;border-radius:18px;background:linear-gradient(145deg,#fff,var(--mint));border:1px solid var(--line);display:grid;place-items:center}.v4-service-icon:before{content:"";width:38px;height:38px;background-repeat:no-repeat;background-position:center;background-size:contain}.v4-service:nth-child(1) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230B3F8A' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 13a2 2 0 0 0 2 2h1v-6H6a2 2 0 0 0-2 2v2Zm16 0a2 2 0 0 1-2 2h-1v-6h1a2 2 0 0 1 2 2v2ZM17 17c-1 2-3 3-5 3'/%3E%3C/svg%3E")}.v4-service:nth-child(2) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f35325' d='M2 2h9v9H2z'/%3E%3Cpath fill='%2381bc06' d='M13 2h9v9h-9z'/%3E%3Cpath fill='%2305a6f0' d='M2 13h9v9H2z'/%3E%3Cpath fill='%23ffba08' d='M13 13h9v9h-9z'/%3E%3C/svg%3E")}.v4-service:nth-child(3) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230B3F8A' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='13' rx='1'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}.v4-service:nth-child(4) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232f9b35' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.7 3.2 7.8 7.5 9.5 4.3-1.7 7.5-4.8 7.5-9.5V6L12 3Z'/%3E%3Crect x='9' y='10' width='6' height='5' rx='1'/%3E%3Cpath d='M10.5 10V8.8a1.5 1.5 0 0 1 3 0V10'/%3E%3C/svg%3E")}.v4-service:nth-child(5) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230B3F8A' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20c.5-4 2.6-6 6-6s5.5 2 6 6M14 15c1-.8 2-1.2 3.2-1.2 2.4 0 3.9 1.5 4.3 4.2'/%3E%3C/svg%3E")}.v4-service:nth-child(6) .v4-service-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230B3F8A' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='5' y='4' width='14' height='17' rx='1.5'/%3E%3Cpath d='M9 4V2h6v2M8 12l2.5 2.5L16 9'/%3E%3C/svg%3E")}.v4-service h3{font-size:1rem;color:var(--blue);margin:.2rem 0 .35rem}.v4-service p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.45}
.v4-midgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;margin-top:28px}.v4-difference,.v4-proof{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px}.v4-difference h3{color:var(--blue);margin-top:0}.v4-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;text-align:center;gap:5px}.v4-flow-icon{font-size:2rem;color:var(--blue);margin-bottom:4px}.v4-flow strong,.v4-flow small{display:block}.v4-flow strong{color:var(--blue);font-size:.86rem}.v4-flow small{font-size:.74rem;color:var(--muted)}.v4-arrow{color:var(--teal);font-size:1.4rem}.v4-proof{background:linear-gradient(145deg,#f4fbfb,#fff);display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:center;overflow:hidden;padding:0 0 0 24px}.v4-proof:after{content:"";display:block;min-height:210px;height:100%;background:url('https://images.unsplash.com/photo-1776267068213-d184cedc7786?auto=format&fit=crop&w=700&q=80') center/cover no-repeat}.v4-proof blockquote{font-size:1.16rem;color:var(--blue);font-weight:750;font-style:italic;margin:0;padding-top:18px}.v4-proof blockquote:before{content:'“';font-size:3rem;color:#7ac6a2;line-height:.4;vertical-align:-.3em;margin-right:5px}.v4-proof blockquote:after{content:'”';font-size:1.5rem;color:#7ac6a2;margin-left:2px}.v4-proof p{color:var(--muted);margin:.65rem 0 18px}.v4-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f8fbfd}.v4-benefit{padding:17px 20px;border-right:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.v4-benefit:last-child{border:0}.v4-benefit i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--teal);font-weight:900;flex:0 0 32px}.v4-benefit strong,.v4-benefit span{display:block}.v4-benefit strong{font-size:.86rem;color:var(--blue)}.v4-benefit span{font-size:.75rem;color:var(--muted)}
.v4-tight{padding:44px 0}.v4-tight .section-title{margin-bottom:22px}.v4-tight .v2-mini-visual{margin-top:16px}.v4-bottom{padding:24px 0 32px}.v4-bottom-cta{background:linear-gradient(135deg,var(--blue-3),var(--blue));color:#fff;border-radius:18px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:24px}.v4-bottom-cta h2{margin:0;color:#fff;font-size:1.45rem}.v4-bottom-cta p{margin:.25rem 0 0;color:#dce6ef}.v4-bottom-cta .btn{min-width:190px}
/* Lower-page visual storytelling for time-poor, non-technical visitors */
#how{position:relative;overflow:hidden}#how .container{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:center}#how .section-title{text-align:left;margin:0}#how .section-title .underline{margin-left:0}#how .v2-mini-visual{margin:0}#how:before{content:"";position:absolute;inset:0 auto 0 0;width:32%;background:url('https://images.unsplash.com/photo-1770386291809-dfbd371046c9?auto=format&fit=crop&w=900&q=78') center/cover no-repeat;opacity:.12;pointer-events:none}#how .section-title h2{font-size:clamp(1.8rem,3vw,2.6rem)}
#story .split-feature{grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}#story .split-feature>div:first-child{padding:28px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(234,248,247,.9)),url('https://images.unsplash.com/photo-1770386291809-dfbd371046c9?auto=format&fit=crop&w=900&q=78') center/cover no-repeat}#story .card{position:relative;padding-top:210px;overflow:hidden}#story .card:before{content:"";position:absolute;left:0;right:0;top:0;height:185px;background:url('https://images.unsplash.com/photo-1742836531271-98fd8151d257?auto=format&fit=crop&w=1000&q=80') center/cover no-repeat}#story .card h3{font-size:1.35rem}
#about .about-grid{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}#about .about-grid>div:first-child{min-height:350px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(5,30,66,.08),rgba(5,30,66,.78)),url('https://images.unsplash.com/photo-1770386291809-dfbd371046c9?auto=format&fit=crop&w=1000&q=80') center/cover no-repeat;color:#fff}#about .about-grid>div:first-child h2{color:#fff;font-size:clamp(2rem,3.2vw,3rem)}#about .about-grid>div:first-child .eyebrow{color:#bdf1ee}#about .about-grid>div:last-child{padding:36px;display:flex;flex-direction:column;justify-content:center}#about .about-grid p{font-size:1rem;margin:.45rem 0}
@media(max-width:1050px){.v4-hero-grid{grid-template-columns:1fr}.v4-copy{padding:48px 0 30px}.v4-photo{min-height:430px;border-radius:26px}.v4-services{grid-template-columns:repeat(3,1fr)}.v4-service:nth-child(3){border-right:0}.v4-service:nth-child(-n+3){border-bottom:1px solid var(--line)}.v4-guide-card{grid-template-columns:1fr}.v4-selector .guide-options{grid-template-columns:repeat(2,1fr)}#how .container{grid-template-columns:1fr}#how .section-title{text-align:center}#how .section-title .underline{margin-left:auto}#how:before{width:100%;opacity:.06}}
@media(max-width:720px){.v4-copy h1{font-size:3rem}.v4-photo{min-height:380px}.v4-tech-stack{right:14px;top:24px}.v4-tech-pill{min-width:155px}.v4-trust{display:grid;gap:8px}.v4-trust span{padding:0;border:0}.v4-map{grid-template-columns:1fr 20px 1fr 20px 1fr}.v4-node.result,.v4-map>.v4-line:nth-last-child(2){display:none}.v4-services{grid-template-columns:repeat(2,1fr)}.v4-service{border-bottom:1px solid var(--line)}.v4-service:nth-child(even){border-right:0}.v4-midgrid,.v4-benefits{grid-template-columns:1fr}.v4-benefit{border-right:0;border-bottom:1px solid var(--line)}.v4-proof{grid-template-columns:1fr;padding:22px}.v4-proof:after{min-height:180px;border-radius:14px}.v4-bottom-cta{display:grid}.v4-bottom-cta .btn{width:100%}#story .split-feature,#about .about-grid{grid-template-columns:1fr}#story .card{padding-top:190px}#about .about-grid>div:first-child{min-height:300px}}
@media(max-width:520px){.v4-selector .guide-options{grid-template-columns:1fr}.v4-guide-card{padding:20px}.v4-photo{min-height:330px}.v4-tech-pill{min-width:140px;font-size:.72rem;padding:9px}.v4-services{grid-template-columns:1fr}.v4-service{border-right:0}.v4-flow{grid-template-columns:1fr}.v4-arrow{transform:rotate(90deg)}}