:root{--as-ink:#071b3f;--as-muted:#536177;--as-blue:#176ed1;--as-coral:#f45f58;--as-line:#dce5ef;--as-soft:#fbfdff}.assignment-page{margin:0;background:#fff;color:var(--as-ink);font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif}.assignment-page *{box-sizing:border-box}.assignment-page main{overflow:hidden}.assignment-page .site-header{position:relative;z-index:30;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:30px;align-items:center;min-height:92px;padding:14px clamp(24px,4vw,72px);background:#fff;border:0;box-shadow:0 2px 15px rgba(7,27,63,.08)}.assignment-page .brand{display:inline-flex;gap:12px;align-items:center;color:var(--as-ink);text-decoration:none}.assignment-page .brand-copy{display:grid;line-height:1.1}.assignment-page .brand-copy strong{font-size:1.05rem;font-weight:900}.assignment-page .brand-copy small{margin-top:5px;color:#6d7888;font-size:.52rem;font-weight:700;letter-spacing:.16em}.assignment-page .site-nav{display:flex;gap:clamp(18px,2.3vw,34px)}.assignment-page .site-nav a{color:var(--as-ink);font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap}.assignment-page .header-cta{display:grid;min-width:210px;padding:12px 22px;color:#fff;text-align:center;text-decoration:none;background:var(--as-coral);border-radius:8px;box-shadow:0 7px 18px rgba(244,95,88,.22)}.assignment-page .header-cta small{font-size:.66rem}
.assignment-container{width:min(1180px,calc(100% - 64px));margin:0 auto}.assignment-container-wide{width:min(1320px,calc(100% - 40px))}.assignment-container-narrow{width:min(1000px,calc(100% - 64px))}.assignment-section{padding:62px 0}.assignment-section h2{margin:0 0 38px;font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:900;text-align:center}
.assignment-hero{display:grid;grid-template-columns:48% 52%;min-height:565px}.assignment-hero-copy{position:relative;z-index:2;grid-column:1;grid-row:1;padding:82px 45px 60px max(5vw,55px)}.assignment-hero-photo{position:relative;grid-column:2;grid-row:1;background:url("../images/home-scene-assignment.jpg") center/cover no-repeat;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.assignment-hero-photo::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12)}.assignment-hero h1{margin:0;font-size:clamp(2.45rem,3.35vw,3.3rem);font-weight:900;line-height:1.45}.assignment-hero-copy>p{margin:25px 0 0;color:var(--as-muted);font-size:1rem;font-weight:700;line-height:1.9}.assignment-hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.assignment-primary{display:grid;min-width:235px;padding:15px 25px;color:#fff;text-align:center;text-decoration:none;background:var(--as-coral);border-radius:6px;box-shadow:0 12px 26px rgba(244,95,88,.22)}.assignment-primary small{font-size:.68rem}.assignment-text-link{color:var(--as-blue);font-weight:900;text-decoration:none}
.assignment-roadmap{border-top:1px solid var(--as-line)}.roadmap-line{position:relative;display:flex;justify-content:space-around;margin:0 5% -4px}.roadmap-line::before{content:"";position:absolute;top:7px;right:0;left:0;height:2px;background:var(--as-blue)}.roadmap-line i{position:relative;z-index:1;width:17px;height:17px;background:#fff;border:3px solid var(--as-blue);border-radius:50%}.assignment-roadmap ol{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 0;padding:0;list-style:none}.assignment-roadmap li{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:5px 38px 10px;border-right:1px solid var(--as-line)}.assignment-roadmap li:last-child{border:0}.assignment-roadmap img{width:55px;height:55px;object-fit:contain}.assignment-roadmap h3{margin:0;font-size:1.25rem}.assignment-roadmap strong{display:block;margin-top:4px;font-size:.98rem}.assignment-roadmap ul{grid-column:1/-1;display:grid;gap:7px;margin:20px 0 0;padding:0;list-style:none;color:var(--as-muted);font-size:.84rem}.assignment-roadmap ul li{display:block;padding:0;border:0}.assignment-roadmap ul li::before{content:"✓";margin-right:8px;color:var(--as-blue);font-weight:900}
.assignment-scenes{background:var(--as-soft);border-top:1px solid var(--as-line);border-bottom:1px solid var(--as-line)}.scene-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-row article{overflow:hidden;background:#fff;border:1px solid var(--as-line);border-radius:5px;text-align:center}.scene-row img{width:100%;height:220px;object-fit:cover}.scene-row h3{margin:16px 12px 7px;font-size:1.05rem}.scene-row p{margin:0;padding:0 16px 20px;color:var(--as-muted);font-size:.82rem;line-height:1.65}
.assignment-life h2{margin-bottom:16px}.life-intro{max-width:760px;margin:0 auto 32px;color:var(--as-muted);text-align:center}.life-grid{display:grid;grid-template-columns:repeat(5,1fr)}.life-grid article{padding:8px 23px;text-align:center;border-right:1px solid var(--as-line)}.life-grid article:last-child{border:0}.life-grid img{width:54px;height:54px;object-fit:contain}.life-grid h3{margin:13px 0 7px;font-size:1rem}.life-grid p{margin:0;color:var(--as-muted);font-size:.78rem;line-height:1.6}
.assignment-trial{background:var(--as-soft);border-top:1px solid var(--as-line);border-bottom:1px solid var(--as-line)}.trial-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trial-grid article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:10px 40px;border-right:1px solid var(--as-line)}.trial-grid article:last-child{border:0}.trial-grid img{width:58px;height:58px;object-fit:contain}.trial-grid h3{margin:0 0 6px;font-size:1.05rem}.trial-grid p{margin:0;color:var(--as-muted);font-size:.82rem;line-height:1.65}
.assignment-price{background:#fff}.assignment-price h2{margin-bottom:25px}.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.main-plan{text-align:center}.main-plan p{margin:0;font-size:1.2rem;font-weight:700}.main-plan strong{display:block;margin:12px 0;font-size:3.8rem}.main-plan strong small,.trial-plan strong small{font-size:.85rem}.main-plan ul{display:flex;gap:24px;justify-content:center;margin:22px 0 0;padding:0;list-style:none;font-size:.82rem}.main-plan li::before,.trial-plan li::before{content:"✓";margin-right:7px;font-weight:900}.trial-plan{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:27px 30px;background:#fff;border:2px solid #ff7771;border-radius:7px}.trial-plan p{margin:0;color:var(--as-coral);font-weight:900}.trial-plan strong{display:block;font-size:2.25rem}.trial-plan span{font-weight:700}.trial-plan ul{display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:.82rem}.trial-plan>a{grid-column:2;padding:14px;color:#fff;font-weight:700;text-align:center;text-decoration:none;background:var(--as-coral);border-radius:5px}
.assignment-faq{background:var(--as-soft);border-top:1px solid var(--as-line)}.assignment-faq h2{margin-bottom:28px}.assignment-faq .faq-list{border-top:1px solid var(--as-line)}.assignment-faq details{background:#fff;border:0;border-bottom:1px solid var(--as-line);border-radius:0;box-shadow:none}.assignment-faq summary{position:relative;padding:16px 54px 16px 22px;font-weight:700;cursor:pointer;list-style:none}.assignment-faq summary::after{content:"+";position:absolute;right:22px;color:var(--as-blue);font-size:1.35rem}.assignment-faq details[open] summary::after{content:"−"}.assignment-faq details p{margin:0;padding:0 22px 18px;color:var(--as-muted)}
.assignment-final{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:34px max(10vw,60px);color:#fff;background:var(--as-coral)}.assignment-final h2{margin:0;color:#fff;font-size:1.9rem}.assignment-final p{margin:5px 0 0}.assignment-final a{display:grid;min-width:390px;padding:15px 34px;color:var(--as-coral);text-align:center;text-decoration:none;background:#fff;border-radius:6px}.assignment-final a small{font-size:.68rem}.assignment-page .site-footer{color:var(--as-ink);background:#fff;border-top:1px solid var(--as-line)}.assignment-page .site-footer a,.assignment-page .site-footer p{color:inherit}.assignment-page .footer-brand-row small{color:#6d7888;font-size:.54rem;letter-spacing:.12em}.assignment-page .copyright{color:#718096}
@media(max-width:1100px){.assignment-page .site-header{grid-template-columns:1fr auto}.assignment-page .site-nav{display:none}.assignment-page .nav-toggle{display:grid}.assignment-page .header-cta{margin-left:auto}.assignment-roadmap li{padding-inline:22px}.trial-grid article{padding-inline:22px}.scene-row img{height:185px}}
@media(max-width:680px){.assignment-page .site-header{grid-template-columns:1fr auto;min-height:70px;padding:9px 16px}.assignment-page .brand-copy strong{font-size:.86rem}.assignment-page .brand-copy small{display:none}.assignment-page .logo-mark{width:38px;height:38px}.assignment-page .header-cta{display:none}.assignment-container,.assignment-container-wide,.assignment-container-narrow{width:min(100% - 32px,620px)}.assignment-section{padding:52px 0}.assignment-section h2{margin-bottom:28px;font-size:1.6rem}.assignment-hero{display:flex;flex-direction:column;min-height:0}.assignment-hero-photo{order:1;height:270px;clip-path:none}.assignment-hero-photo::after{background:linear-gradient(0deg,#fff 0,rgba(255,255,255,.08) 35%)}.assignment-hero-copy{order:2;padding:12px 20px 48px;text-align:center}.assignment-hero h1{font-size:1.9rem;line-height:1.45}.assignment-hero h1 br{display:none}.assignment-hero-copy>p{font-size:.9rem;line-height:1.8}.assignment-hero-copy>p br{display:none}.assignment-hero-actions{flex-direction:column;gap:16px}.assignment-primary{width:100%}.roadmap-line{display:none}.assignment-roadmap ol{grid-template-columns:1fr;margin-top:0}.assignment-roadmap>div>ol>li{padding:22px 4px;border-right:0;border-bottom:1px solid var(--as-line)}.scene-row{grid-template-columns:1fr 1fr}.scene-row img{height:145px}.life-grid{grid-template-columns:1fr 1fr}.life-grid article{padding:20px 12px;border-bottom:1px solid var(--as-line)}.life-grid article:nth-child(2n){border-right:0}.life-grid article:last-child{grid-column:1/-1}.trial-grid{grid-template-columns:1fr}.trial-grid article{padding:20px 4px;border-right:0;border-bottom:1px solid var(--as-line)}.price-layout{grid-template-columns:1fr}.main-plan strong{font-size:3.2rem}.main-plan ul{flex-direction:column;gap:7px}.trial-plan{grid-template-columns:1fr;text-align:center}.trial-plan>a{grid-column:auto}.assignment-final{grid-template-columns:1fr;gap:22px;padding:34px 20px;text-align:center}.assignment-final a{min-width:0;width:100%}.assignment-page .site-footer{padding-bottom:90px}}
@media(max-width:680px){.assignment-page .assignment-hero h1{font-size:1.76rem}}
