.packages-section{border-top:1px solid var(--border);background:var(--background);--package-teal:#087e80;--package-violet:#6741ad}[data-theme=dark] .packages-section{--package-teal:#00d7d2;--package-violet:#a38af1}.packages-introduction{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:center;margin-bottom:36px}.packages-introduction h2{font-size:clamp(30px,3.2vw,44px);max-width:720px;line-height:1.2}.packages-introduction p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:690px;color:var(--muted)}.package-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:28px}.package-tabs button{padding:14px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font:500 12px/1.5 var(--font-sans);cursor:pointer;min-height:52px}.package-tabs button[aria-selected=true]{background:var(--background);border-color:var(--accent-text);color:var(--text)}.package-tabs button:hover{color:var(--text)}.package-panel:focus-visible,.package-tabs button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.package-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;animation:package-category-enter .2s ease-out}.package-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:transform .18s ease,border-color .18s ease}.package-card:hover{transform:translateY(-3px);border-color:var(--control)}.package-recommended{border-color:var(--accent-text)}.package-card-top{display:flex;flex-wrap:wrap;align-items:start;gap:12px}.package-card h3{font-size:23px;line-height:1.3;margin:0;flex:1}.package-badge{font-size:12px;color:var(--accent-text);border:1px solid var(--accent-text);padding:4px 6px;border-radius:3px}.package-customer{font-size:13px;color:var(--accent-text);line-height:1.8;margin-block:16px 8px}.package-description{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.package-price{display:flex;flex-direction:column;gap:7px;border-block:1px solid var(--border);padding-block:22px;margin-block:24px}.package-price strong{font-size:26px;line-height:1.3}.package-price span{font-size:13px;line-height:1.6;color:var(--muted)}.package-card h4{font-size:13px;line-height:1.6;margin:0 0 12px}.package-inclusions{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:12px}.package-inclusions li{display:flex;align-items:start;gap:10px;font-size:13px;line-height:1.8}.package-inclusions svg{color:var(--accent-text);flex-shrink:0;margin-top:3px}.package-scope{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.package-scope ul{padding-left:16px;margin:0}.package-scope p{font-size:13px;line-height:1.8;margin-block:18px 0}.package-card .button{margin-top:auto;justify-content:space-between;font-size:13px;gap:12px;white-space:normal}.package-preview-notice{font-size:13px;color:var(--muted);margin-top:auto}.package-empty{padding:36px;border:1px dashed var(--border);border-radius:8px;background:var(--surface);animation:package-category-enter .2s ease-out}.package-empty h3{font-size:23px}.package-empty p{font-size:14px;line-height:1.8;color:var(--muted);max-width:680px}.package-visual{position:relative;width:320px;max-width:100%;height:220px;perspective:800px;overflow:hidden}.package-visual-static{position:absolute;inset:0;width:100%;height:100%}.package-modules-scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-24deg);perspective:800px}.package-module{position:absolute;top:72px;width:60px;height:60px;transform-style:preserve-3d;color:var(--package-teal);animation:package-module-float 8s ease-in-out infinite;animation-play-state:paused}.module-0{left:44px}.module-1{left:130px;color:var(--package-violet);animation-delay:-1s}.module-2{left:216px;animation-delay:-2s}.module-face{position:absolute;inset:0;border:1px solid;background:color-mix(in srgb,currentColor 8%,var(--surface));backface-visibility:visible}.module-front{transform:translateZ(30px)}.module-back{transform:rotateY(180deg) translateZ(30px)}.module-left{transform:rotateY(-90deg) translateZ(30px)}.module-right{transform:rotateY(90deg) translateZ(30px);background:color-mix(in srgb,currentColor 14%,var(--surface))}.module-top{transform:rotateX(90deg) translateZ(30px);background:color-mix(in srgb,currentColor 4%,var(--surface))}.module-bottom{transform:rotateX(-90deg) translateZ(30px)}.package-module-link{position:absolute;left:55px;right:45px;top:103px;height:1px;background:var(--package-teal);opacity:.5}.package-modules-scene[data-active=true] .package-module{animation-play-state:running}@keyframes package-module-float{0%,to{transform:translateY(0) rotateY(12deg)}50%{transform:translateY(-7px) rotateY(22deg)}}@keyframes package-category-enter{0%{transform:translateY(5px)}to{transform:translateY(0)}}.brief-package{padding:16px;border:1px solid var(--border);border-radius:6px;margin-bottom:20px;font-size:13px;line-height:1.8}.brief-package p{font-size:13px;margin-bottom:0}.package-selection-error{color:var(--muted);font-size:13px}@media(max-width:63.99rem){.packages-introduction{grid-template-columns:1fr 260px;gap:28px}.package-visual{width:260px}.package-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card{padding:24px}}@media(max-width:47.99rem){.packages-introduction{grid-template-columns:1fr;gap:12px}.packages-introduction h2{font-size:30px}.package-visual{width:280px;height:180px;margin:auto}.package-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.package-tabs button{padding:12px 8px;font-size:13px}.package-card-grid{grid-template-columns:1fr}.package-card h3{font-size:23px}.package-empty{padding:24px}}@media(prefers-reduced-motion:reduce){.package-card-grid,.package-empty,.package-module{animation:none}.package-card{transition:none}.package-card:hover{transform:none}}.package-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:10px;background:color-mix(in srgb,var(--accent-text) 9%,var(--surface));color:var(--accent-text);flex-shrink:0}.package-card>.package-icon{margin-bottom:24px}.package-card{border-radius:14px}.package-card h3{font-size:24px}.service-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-offer-card{display:flex;flex-direction:column;min-width:0;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .2s ease,border-color .2s ease;animation:service-offer-enter .35s ease-out both;animation-delay:var(--card-delay,0s)}.service-offer-card:hover{transform:translateY(-4px);border-color:var(--control)}.service-offer-card:focus-within{border-color:var(--accent-text)}.service-offer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.service-offer-number{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--muted)}.service-offer-card h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}.service-offer-description{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 24px}.service-offer-category{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:auto 0 24px;padding-top:20px;border-top:1px dashed var(--border)}.service-offer-price{display:flex;flex-direction:column;gap:9px;margin-bottom:26px}.service-offer-price>span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.service-offer-price strong{font-size:26px;letter-spacing:-.025em;line-height:1.25}.service-offer-price small{font-size:12px;color:var(--muted);line-height:1.7}.service-offer-actions{display:flex;flex-direction:column;gap:18px}.service-offer-actions .button{display:flex;justify-content:space-between;font-size:13px;white-space:normal;gap:12px}.service-offer-detail{font-size:12px;color:var(--muted);text-underline-offset:4px;text-decoration:underline}.service-offer-detail:hover{color:var(--accent-text)}.service-offer-actions a:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}@keyframes service-offer-enter{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media(max-width:63.99rem){.service-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.99rem){.service-offer-grid{grid-template-columns:1fr}.service-offer-card{padding:26px}.service-offer-card h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.service-offer-card{animation:none;transition:none}.service-offer-card:hover{transform:none}}.packages-section .package-card-grid,.packages-section .service-offer-card{animation:none}.package-tabs button{position:relative;isolation:isolate;transition:color .18s ease}.package-tabs button[aria-selected=true]{background:transparent;border-color:transparent}.package-tab-highlight{position:absolute;inset:0;border:1px solid var(--accent-text);border-radius:4px;background:var(--background);z-index:-1;pointer-events:none}.package-tab-label{position:relative}.packages-section .package-icon{transition:transform .2s ease}.packages-section .button svg{transition:transform .18s ease}.packages-section .button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.packages-section .button:active{transform:scale(.98)}.packages-section .service-offer-detail{transition:color .18s ease}@media(hover:hover) and (pointer:fine){.packages-section .package-card:hover,.packages-section .service-offer-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000012}.packages-section article:hover .package-icon{transform:translateY(-2px) scale(1.04)}.packages-section .button:hover svg{transform:translate(2px,-2px)}}.packages-section article:focus-within .package-icon{transform:translateY(-2px)}.packages-section .button:focus-visible svg{transform:translate(2px,-2px)}@media(hover:none){.packages-section .package-card:hover,.packages-section .service-offer-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.package-tabs button,.packages-section .button,.packages-section .button svg,.packages-section .package-card,.packages-section .package-icon,.packages-section .service-offer-card,.packages-section .service-offer-detail{transition:none}.packages-section .button:active,.packages-section .button:focus-visible svg,.packages-section .button:hover svg,.packages-section .package-card:hover,.packages-section .service-offer-card:hover,.packages-section article:focus-within .package-icon,.packages-section article:hover .package-icon{transform:none}.package-empty{animation:none}}