.main-products{padding-block:88px;border-top:1px solid var(--product-line)}.main-products__opening{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:40px}.main-products__opening h2{max-width:19ch;font-size:clamp(36px,3.4vw,48px)}.main-products__opening>p{max-width:30ch;color:var(--product-muted)}.main-products__opening>p span{display:block;margin-top:8px;font-size:14px}.main-products__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.main-product{min-width:0;border:1px solid #d0d9e3;border-radius:12px;background:#fff}.main-product--lead{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;align-items:center}.main-product--lead .main-product__body{grid-column:1;grid-row:1;padding:40px}.main-product__body{padding:28px 32px 16px}.main-product h3{max-width:24ch;font-size:clamp(24px,2.5vw,32px);line-height:1.18}.main-product--lead h3{font-size:clamp(32px,3.3vw,48px)}.main-product__body>p{margin-top:12px;color:var(--product-muted);font-size:16px;line-height:1.5}.main-product__actions{display:flex;flex-wrap:wrap;gap:8px 28px;margin-block:16px}.main-product__actions a{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#143f75;font-size:16px;font-weight:600}.main-product__actions a:hover{text-decoration:underline;text-underline-offset:5px}.main-product__actions .main-product__workflow{color:var(--product-muted);font-size:14px;font-weight:500}.main-product__about{border-top:1px solid var(--product-line)}.main-product__about summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:14px;color:var(--product-muted);cursor:pointer;list-style:none}.main-product__about summary::-webkit-details-marker{display:none}.main-product__about summary:hover{color:#143f75}.main-product__about summary span{font-size:22px;transition:transform .18s}.main-product__about[open] summary span{transform:rotate(45deg)}.main-product__about>p{padding-block:0 16px;color:var(--product-muted);font-size:16px;line-height:1.6}.main-product-art{position:relative;display:flex;justify-content:center;align-items:center;height:248px;overflow:hidden;border-radius:11px 11px 0 0;background:#e8edf2;color:#19334d}.main-product--lead .main-product-art{height:380px;grid-column:2;grid-row:1;border-radius:0 11px 11px 0;background:#142b41}.main-product-art>div{position:relative;transition:transform .35s cubic-bezier(.2,.7,.3,1)}.main-product:focus-within .main-product-art>div{transform:translateY(-6px)}@media (hover: hover) and (pointer: fine){.main-product:hover .main-product-art>div{transform:translateY(-6px)}}.art-paper{padding:20px;border:1px solid #cbd6e1;border-radius:3px;background:#fff;box-shadow:0 12px 22px #142b4112}.art-label{display:block;font-size:14px;color:#526176}.main-product-art strong{display:block;margin-top:12px;font-size:24px;font-weight:540;letter-spacing:-.04em;line-height:1.16}.art-lines{display:grid;gap:9px}.art-lines i{display:block;width:100%;height:1px;background:#aebdcc}.art-lines i:last-child{width:65%}.record-folders{width:360px;height:280px}.record-folder{position:absolute;width:270px;height:174px;padding:18px 22px;border:1px solid #becedd;border-radius:0 6px 6px;background:#dce5ed}.record-folder:before{position:absolute;left:-1px;top:-15px;width:88px;height:15px;border:1px solid #becedd;border-bottom:0;border-radius:5px 5px 0 0;background:inherit;content:""}.record-folder>span{font-size:14px}.record-folder--back{top:24px;left:10px;transform:rotate(-5deg);color:#334b62;background:#b5c6d5}.record-folder--middle{top:62px;left:40px;transform:rotate(3deg);background:#d0dce6}.record-folder--front{top:103px;left:70px;height:166px;background:#f6f8fa}.record-sheet{display:flex;gap:18px;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid #b8c7d6}.record-avatar{width:36px;height:42px;border-radius:50% 50% 4px 4px;background:#d3dfe9}.record-sheet .art-lines{width:140px}.record-folder img{position:absolute;right:20px;bottom:16px}.main-product-art--student-attendance{background:#e8edf2}.attendance-paper{width:290px;transform:rotate(-3deg)}.attendance-row{display:flex;align-items:center;gap:16px;padding-top:14px}.attendance-avatar{width:24px;height:24px;border-radius:50%;background:#d1dfe9}.attendance-row .art-lines{flex:1}.attendance-tick{color:#286647;font-size:18px}.attendance-label{margin-top:16px;border-top:1px solid #cbd6e1;padding-top:12px;font-size:14px;color:#526176}.main-product-art--library{background:#edece7}.library-collection{width:340px;height:202px}.library-books{display:flex;align-items:end;gap:6px;position:absolute;left:10px;bottom:0}.library-books>span{display:flex;align-items:center;justify-content:center;width:54px;height:184px;border:1px solid #92a3ad;border-radius:3px 6px 6px 3px;background:#b9c6cf;writing-mode:vertical-rl;font-size:14px}.library-books>span:nth-child(2){height:200px;background:#d4d9d1}.library-books>span:nth-child(3){height:168px;background:#afbec8}.library-slip{position:absolute;right:3px;bottom:-4px;width:160px;transform:rotate(7deg)}.library-slip .art-lines{margin-top:22px}.main-product-art--learning{background:#e9eeeb}.learning-pages{width:310px;height:214px}.learning-back{position:absolute;top:0;left:0;width:215px;height:185px;transform:rotate(-7deg);background:#d7e0db}.learning-front{position:absolute;top:22px;right:0;width:222px;transform:rotate(3deg)}.lesson-line{display:flex;gap:16px;align-items:center;margin-top:12px}.lesson-line span{font-size:14px;color:#526176}.lesson-line i{height:1px;flex:1;background:#aebdcc}.main-product-art--clearance{background:#eceee8}.clearance-paper{position:relative;width:270px;transform:rotate(-3deg)}.clearance-line{display:flex;align-items:center;gap:12px;margin-top:12px}.clearance-line span{color:#286647;font-size:16px}.clearance-line i{flex:1;height:1px;background:#afbeb3}.clearance-line--pending span{color:#735826}.clearance-tab{position:absolute;top:22px;right:-12px;padding:7px 12px;border:1px solid #afbeb3;background:#dce5db;color:#294b38;font-size:14px}.main-product-art--appointments{background:#e8edf3}.appointment-composition{width:330px;height:196px}.appointment-calendar{position:absolute;top:0;left:0;width:245px;transform:rotate(-4deg)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px 4px;margin-top:16px;text-align:center;font-size:14px}.calendar-grid span{display:flex;align-items:center;justify-content:center;height:26px}.calendar-selected{border:1px solid #315b88;border-radius:50%;color:#24486e;background:#dce8f3}.appointment-slip{position:absolute;bottom:0;right:0;width:185px;transform:rotate(5deg)}.main-product-art--hosting{background:#e5ebf1}.hosting-composition{display:flex;flex-direction:column;align-items:center;width:310px}.hosting-address{display:flex;align-items:center;gap:16px;padding:12px 20px;border:1px solid #a8b9ca;border-radius:5px;background:#f8fafc;font-size:18px;box-shadow:0 8px 12px #142b410a}.hosting-lock{color:#315b88}.hosting-connector{height:24px;width:1px;background:#8da4bc}.hosting-rack{display:grid;gap:5px;width:206px}.hosting-rack>span{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #9cb0c4;border-radius:3px;background:#c9d5e0}.hosting-rack i{width:72px;height:2px;background:#677f96}.hosting-rack b{width:16px;height:3px;background:#57728d}.hosting-caption{margin-top:14px;font-size:14px;color:#526176}@media (max-width: 1023px){.main-products__opening{align-items:start;flex-direction:column;gap:20px}.main-product__body{padding:24px 24px 12px}.main-product--lead .main-product__body{padding:28px}.main-product--lead .main-product-art{height:350px}.record-folders{width:300px}.record-folder{width:230px}.record-folder--front{left:50px}}@media (max-width: 767px){.main-products{padding-block:56px}.main-products__opening{margin-bottom:32px}.main-products__opening h2{font-size:34px}.main-products__gallery{grid-template-columns:minmax(0,1fr);gap:24px}.main-product--lead{display:block}.main-product--lead .main-product__body,.main-product__body{padding:24px 24px 12px}.main-product--lead h3{font-size:30px}.main-product h3{max-width:none}.main-product-art{height:226px}.main-product--lead .main-product-art{height:286px;border-radius:11px 11px 0 0}.main-product__actions{gap:0 24px}.record-folders{height:250px}.record-folder--back{top:18px}.record-folder--middle{top:53px;left:30px}.record-folder--front{top:91px}}@media (max-width: 359px){.main-product__body,.main-product--lead .main-product__body{padding-inline:20px}.main-product--lead h3{font-size:28px}.main-product-art{height:232px}.record-folders{width:272px}.record-folder{width:208px;padding-inline:16px}.record-folder--front{left:46px}.record-sheet{gap:12px}.record-sheet .art-lines{width:116px}.attendance-paper{width:256px;padding:18px}.attendance-label{font-size:14px;letter-spacing:-.035em}.library-collection{width:268px}.library-books>span{width:42px}.library-slip{width:144px}.learning-pages{width:260px}.learning-back{width:195px}.learning-front{width:200px}.clearance-paper{width:234px}.appointment-composition{width:260px}.appointment-calendar{width:224px}.appointment-slip{width:164px}.hosting-composition{width:262px}.hosting-address{padding-inline:14px;font-size:16px}}@media (prefers-reduced-motion: reduce){.main-product-art>div{transition:none}.main-product:hover .main-product-art>div,.main-product:focus-within .main-product-art>div{transform:none}.main-product__about summary span{transition:none}}