.header{border:0}
.strip{border:0;background:#f5f9fb}
.hero-foot{color:var(--muted)}
.section-intro{align-items:center;margin-bottom:30px}
.section-intro h2{max-width:16ch}
.section-intro>p:last-child{max-width:38ch}
.product-mark{display:inline-block;width:22px;height:17px;flex-shrink:0;background-image:url("assets/Alotrilogo.png");background-repeat:no-repeat;background-size:51px 51px;background-position:-15px -11px;opacity:.85}
.calculator-result{border-radius:18px;background:#eaf5f3}
.calculator-result #formula{border:0;padding-top:0}
.result-star{opacity:.16;clip-path:polygon(0 0,62% 0,100% 100%,38% 100%)}
.process-section{background:#f0f5fa}
.project-scene{margin-top:28px}
.project-stages{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.project-stages button{display:flex;align-items:center;gap:9px;flex:1;border:1px solid transparent;border-radius:10px;background:#e4edf3;color:#415a6b;padding:12px 14px;min-height:48px;font-size:17px;line-height:1.35;transition:background 200ms,color 200ms}
.project-stages button[aria-pressed=true]{background:white;color:var(--navy);border-color:#d2e3e9;box-shadow:0 4px 14px #0b223e05}
.stage-symbol{color:var(--teal);font-size:21px}
.project-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center;background:white;padding:30px;border-radius:18px}
.project-label{color:var(--teal);font-size:14px;line-height:1.5;letter-spacing:.6px}
.project-explanation h3{font-size:30px;line-height:1.25;margin:12px 0 16px}
.project-explanation>p{font-size:18px;line-height:1.5;max-width:46ch;margin-bottom:18px}
.project-explanation .project-receive{font-size:15px;color:var(--teal);margin:0}
.project-receive>span{margin-left:8px}
.project-artifact{background:#f2f7fa;border-radius:12px;padding:20px;position:relative;overflow:hidden}
.project-artifact::after{content:'';position:absolute;right:-4px;bottom:0;width:45px;height:64px;background:#dceeee;clip-path:polygon(0 0,65% 0,100% 100%,35% 100%);pointer-events:none}
.artifact-header{display:flex;gap:9px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.artifact-header strong{font-size:17px;line-height:1.4;font-weight:500;flex:1;min-width:0}
.artifact-header>span:last-child{font-size:14px;color:var(--muted)}
.artifact-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0}
.artifact-item small{font-size:15px;line-height:1.5;color:var(--muted)}
.artifact-item strong{font-size:18px;line-height:1.5;font-weight:500}
.team{border:0}
.identity details{border:0;background:#f0f7fa;border-radius:12px;padding:14px 18px}
.founders span{background:#eff5f8;padding:8px 12px;border-radius:9px;font-size:20px}
.contact{background:white}
.contact .wrap{background:#eaf6f2;border-radius:20px;padding:32px}
.contact h2 em{color:var(--navy)}
.contact .eyebrow{font-size:14px;letter-spacing:.3px}
.message-box{margin-top:20px}
footer{border:0}
@media(max-width:1100px){.project-panel{gap:28px;padding:24px}
.artifact-item{grid-template-columns:90px minmax(0,1fr);gap:12px}
}
@media(max-width:850px){.project-panel{grid-template-columns:1fr;gap:24px}
.project-stages button{flex:1 1 40%;justify-content:start}
.project-explanation>p{max-width:58ch}
}
@media(max-width:600px){.section-intro{gap:18px}
.project-panel{padding:20px;border-radius:14px;gap:22px}
.project-explanation h3{font-size:28px}
.project-stages{gap:8px}
.project-stages button{padding:11px 10px;font-size:17px;gap:6px}
.stage-symbol{font-size:18px}
.project-artifact{padding:16px}
.artifact-item{grid-template-columns:1fr;gap:4px;padding:10px 0}
.artifact-header strong{font-size:17px}
.artifact-item strong{font-size:18px}
.contact .wrap{padding:24px 20px}
.founders span{font-size:20px}
.product-mark{width:22px}
}
.project-panel{background:transparent;padding:10px 0 0;border-radius:0}
.project-artifact{background:white;box-shadow:none;border-radius:10px}
.project-scene>.fiction{margin-top:16px}
.founders span{padding:0;background:transparent;border-radius:0}
.identity details{padding:14px 0;background:transparent;border-radius:0}
.contact{background:#eaf6f2}
.contact .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 48px;background:transparent;padding:0;border-radius:0;align-items:start}
.contact-intro{min-width:0}
.contact-intro>p:last-child{font-size:18px;line-height:1.5;max-width:42ch;margin-bottom:0}
.contact .message-box{min-width:0;width:100%;max-width:none;margin:0}
.contact textarea{display:block;background:white;min-height:128px}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.contact-actions .button{width:auto;min-width:0}
.contact-actions .secondary{background:white;color:var(--navy);box-shadow:inset 0 0 0 1px #c4d9d2}
.contact-actions .secondary:hover{background:#f2f9f6}
.contact .message-box>p{margin-top:10px;max-width:55ch}
@media(max-width:1000px){.contact .wrap{gap:32px}
}
@media(max-width:760px){.contact .wrap{grid-template-columns:1fr;gap:24px}
.contact-intro>p:last-child{max-width:58ch}
.contact .message-box{max-width:100%}
}
@media(max-width:600px){.project-panel{padding:0;gap:20px}
.contact .wrap{padding:0}
.contact-actions{gap:10px}
.contact-actions .button{max-width:100%}
.contact textarea{min-height:128px}
.contact .message-box>p{font-size:14px}
}