@import url('./styles.css');
.page-hero{max-width:var(--max);margin:auto;padding:92px 56px 72px;background:linear-gradient(120deg,#f7f7f5,#eef8fc);position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.72)}
.page-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 18px;color:#555}.page-hero h1{font-size:52px;line-height:1.15;margin:0 0 22px;font-weight:950;letter-spacing:.04em}.page-hero p:last-child{max-width:600px;font-size:14px;line-height:2;font-weight:700;color:#444}
.breadcrumb{max-width:var(--max);margin:auto;padding:18px 22px;font-size:11px;color:#777}.breadcrumb a{text-decoration:underline}
.page-section{max-width:var(--max);margin:auto;padding:76px 56px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.page-section.alt{background:var(--light)}
.section-label{font-size:11px;font-weight:900;letter-spacing:.14em;color:#777;margin:0 0 10px}.page-section h2{font-size:32px;margin:0 0 26px;line-height:1.45}.page-section h3{font-size:18px;margin:0 0 14px}.lead{font-size:16px;line-height:2;font-weight:700;max-width:760px}.body-copy{font-size:14px;line-height:2;color:#444;max-width:760px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{padding:30px;background:#fff;border:1px solid var(--line);min-height:180px}.feature-card .number{font-size:11px;color:#999;font-weight:900}.feature-card h3{margin-top:24px}.feature-card p{font-size:13px;line-height:1.85;color:#555}
.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-item{padding:34px;background:#fff;border-top:3px solid #111;box-shadow:0 12px 30px rgba(0,0,0,.05);scroll-margin-top:90px}.service-item p{font-size:13px;line-height:1.9;color:#555}.text-link{font-size:12px;font-weight:900;border-bottom:1px solid #111;padding-bottom:4px}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.profile-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.profile-card h3{margin-top:18px}.profile-card p{font-size:12px;line-height:1.8;color:#555}
.product-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.product-layout img{width:100%;aspect-ratio:4/3;object-fit:cover}.price{font-size:30px;font-weight:950;margin:22px 0}.price small{font-size:12px;margin-left:7px}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th,.spec-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.spec-table th{width:32%;color:#666}
.step-list{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{counter-increment:step;padding:28px;border:1px solid var(--line)}.step::before{content:"0" counter(step);font-size:11px;font-weight:900;color:#999}.step h3{margin-top:22px}.step p{font-size:12px;line-height:1.8;color:#555}
.faq details{border-top:1px solid var(--line);padding:22px 4px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}.faq p{font-size:13px;line-height:1.9;color:#555;padding-left:26px}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px}.contact-note{background:#111;color:#fff;padding:34px}.contact-note p{font-size:13px;line-height:1.9}.form-row{margin-bottom:22px}.form-row label{display:block;font-size:12px;font-weight:900;margin-bottom:9px}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #ccc;padding:14px;font:inherit;background:#fff}.form-row textarea{min-height:160px;resize:vertical}.form-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:24px 0}.form-check input{margin-top:3px}.form-message{display:none;padding:15px;background:#edf8ef;font-size:13px;margin-top:18px}.form-message.is-visible{display:block}
.cta-band{max-width:var(--max);margin:auto;padding:58px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#dff4ff}.cta-band h2{margin:0;font-size:26px}.notice{padding:18px;background:#fff7df;border-left:4px solid #e9b949;font-size:12px;line-height:1.8}
@media(max-width:760px){.page-hero{padding:64px 24px 48px}.page-hero h1{font-size:36px}.page-section{padding:54px 24px}.feature-grid,.service-list,.profile-grid,.step-list,.product-layout,.contact-grid{grid-template-columns:1fr}.cta-band{padding:42px 24px;display:block}.cta-band .black-button{margin-top:24px}}