.of{--of-pink: #f24361;--of-navy: #1a234a;--of-ink: #12141f;--of-muted: #5b6178;--of-line: #e4e7f0;padding-block:clamp(2.5rem,6vw,5rem)}.of-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden;border-radius:24px;box-shadow:0 30px 70px #12141f24}.of-intro{position:relative;display:flex;flex-direction:column;padding:clamp(2rem,4vw,3.25rem);color:#fff;background:radial-gradient(60% 55% at 85% 0%,#78286e80,#78286e00),radial-gradient(120% 140% at 78% 12%,#1d2a5e,#0d1130 55%,#080b22)}.of .of-title{margin:0 0 1rem;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.01em}.of-lead{color:#fffc;font-size:1rem;line-height:1.6}.of-lead p:last-child{margin-bottom:0}.of-pill{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin:1.5rem 0 0;padding:.45rem .9rem;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.875rem;font-weight:600}.of-pill-dot{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 0 3px #2ee59d40}.of-direct{display:grid;gap:.6rem;margin-top:auto;padding-top:2rem}.of-direct-title{margin-bottom:.25rem;color:#ffffff8c;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.of-contact{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-size:1.0625rem;font-weight:600;text-decoration:none}.of-contact svg{flex:0 0 auto;width:20px;height:20px;color:var(--of-pink)}.of-contact:hover{color:var(--of-pink)}.of-form{padding:clamp(2rem,4vw,3.25rem);background:#fff}.of .of-form-title{margin:0 0 1.5rem;color:var(--of-navy);font-size:1.125rem;font-weight:700;line-height:1.4}.of-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.of-field{display:grid;gap:.4rem}.of-field-wide{grid-column:1 / -1}.of-field label{color:var(--of-navy);font-size:.8125rem;font-weight:700;letter-spacing:.02em}.of-field input,.of-field textarea{width:100%;padding:.85rem 1rem;color:var(--of-ink);background:#f7f8fb;border:1px solid var(--of-line);border-radius:10px;font:inherit;font-size:1rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.of-field textarea{min-height:7.5rem;resize:vertical}.of-field input::placeholder,.of-field textarea::placeholder{color:#9a9fb0}.of-field input:focus,.of-field textarea:focus{outline:none;background:#fff;border-color:var(--of-pink);box-shadow:0 0 0 4px #f2436124}.of-submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:1.5rem;padding:1rem 1.5rem;color:#fff;background:var(--of-pink);border:0;border-radius:12px;font:inherit;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.of-submit svg{width:20px;height:20px}.of-submit:hover{filter:brightness(1.07)}.of-submit:active{transform:translateY(1px)}.of-submit:disabled{opacity:.6;cursor:wait}.of-consent{margin:.9rem 0 0;color:var(--of-muted);font-size:.8125rem;line-height:1.5}.of-consent a{color:var(--of-navy);text-decoration:underline}.of .cf-notice{margin:0 0 1rem}@media(max-width:900px){.of-card{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.of-grid{grid-template-columns:minmax(0,1fr)}.of-card{border-radius:18px}}.hd{--hd-pink: #f24361;--hd-navy: #1a234a;--hd-ink: #12141f;--hd-muted: #5b6178;--hd-line: #e4e7f0;--hd-band: #f3f4fa}.hd-head{max-width:44rem;margin-inline:auto}.hd-lead{color:var(--hd-muted);font-size:1.0625rem}.hd-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);margin:clamp(1.5rem,3vw,2.5rem) 0 0;padding:0;list-style:none;counter-reset:none}.hd-frame{position:relative;display:flex;flex-direction:column}.hd-frame+.hd-frame:before{content:"";position:absolute;top:46%;left:calc(-.5*clamp(1rem,2.5vw,2rem) - 11px);width:22px;height:22px;background:var(--hd-pink);border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 5 16 12 9 19'/></svg>");background-size:14px;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 4px #fff;z-index:1}.hd-frame-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.hd-num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;color:#fff;background:var(--hd-pink);border-radius:50%;font-size:.9375rem;font-weight:700}.hd .hd-frame-head h3{margin:0;color:var(--hd-navy);font-size:1.125rem;font-weight:700}.hd-caption{margin:.9rem 0 0;color:var(--hd-muted);font-size:.9375rem;line-height:1.5}.hd-screen{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--hd-line);border-radius:14px;box-shadow:0 16px 36px #12141f1a}.hd-screen-desktop{background:radial-gradient(120% 90% at 30% 20%,#4f8ff7,#1f4fc4 55%,#0f2a7a)}.hd-logo{display:inline-block;width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--hd-pink) 0 70deg,transparent 70deg 90deg,var(--hd-pink) 90deg 160deg,transparent 160deg 180deg,var(--hd-pink) 180deg 250deg,transparent 250deg 270deg,var(--hd-pink) 270deg 340deg,transparent 340deg 360deg);-webkit-mask:radial-gradient(circle,transparent 42%,#000 44%);mask:radial-gradient(circle,transparent 42%,#000 44%)}.hd-taskbar{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;height:17%;padding-right:6%;background:#ffffffd1;backdrop-filter:blur(6px)}.hd-tb-icon{width:22px;height:22px;background:#c5cad8;border-radius:5px}.hd-tb-win{background:linear-gradient(#2d7cf0,#2d7cf0) 0 0 / 45% 45% no-repeat,linear-gradient(#2d7cf0,#2d7cf0) 100% 0 / 45% 45% no-repeat,linear-gradient(#2d7cf0,#2d7cf0) 0 100% / 45% 45% no-repeat,linear-gradient(#2d7cf0,#2d7cf0) 100% 100% / 45% 45% no-repeat;border-radius:0}.hd-tb-target{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:14px;background:#fff;border-radius:50%;box-shadow:0 0 0 3px var(--hd-pink),0 0 0 9px #f2436140;animation:hd-pulse 1.8s ease-out infinite}@keyframes hd-pulse{0%{box-shadow:0 0 0 3px var(--hd-pink),0 0 0 6px #f2436159}to{box-shadow:0 0 0 3px var(--hd-pink),0 0 0 16px #f2436100}}@media(prefers-reduced-motion:reduce){.hd-tb-target{animation:none}}.hd-tip{position:absolute;right:7%;bottom:24%;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;color:var(--hd-ink);background:#fff;border-radius:8px;box-shadow:0 6px 18px #12141f2e;font-size:.8125rem;font-weight:600;white-space:nowrap}.hd-tip:after{content:"";position:absolute;right:18px;bottom:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}.hd-cursor{position:absolute;width:22px;height:22px;right:calc(6% + 2px);bottom:6px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hd-window{position:absolute;inset:10% 8%;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 14px 30px #00000040;overflow:hidden}.hd-window-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;color:var(--hd-navy);background:var(--hd-band);border-bottom:1px solid var(--hd-line);font-size:.8125rem;font-weight:700}.hd-field{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;padding:.55rem .8rem 0;font-size:.8125rem}.hd-field-label{padding-top:.35rem;color:var(--hd-muted);font-size:.75rem}.hd-field-input{padding:.35rem .55rem;color:var(--hd-ink);background:#f7f8fb;border:1px solid var(--hd-line);border-radius:6px;font-weight:600}.hd-field-area{min-height:3.6em;font-weight:400;line-height:1.4}.hd-window-foot{position:relative;display:flex;justify-content:flex-end;margin-top:auto;padding:.6rem .8rem .7rem}.hd-btn{padding:.4rem 1.1rem;color:#fff;background:var(--hd-pink);border-radius:6px;font-size:.8125rem;font-weight:700}.hd-cursor-btn{right:1.3rem;bottom:.1rem}.hd-screen-it{display:flex;flex-direction:column;background:#12141f}.hd-it-bar{padding:.55rem .9rem;color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hd-ticket{flex:1 1 auto;margin:0 .7rem .7rem;padding:.8rem .9rem;background:#fff;border-radius:10px;overflow:hidden}.hd-ticket-top{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid var(--hd-line);font-size:.875rem}.hd-ticket-id{color:var(--hd-muted);font-size:.75rem}.hd-ticket-status{margin-left:auto;padding:.15rem .55rem;color:#1d7a3e;background:#e6f6ec;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.hd-ticket-auto-label{margin-bottom:.4rem;color:var(--hd-navy);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hd-ticket-data{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.hd-ticket-data li{display:flex;align-items:baseline;gap:.5rem;padding:.4rem .6rem;background:var(--hd-band);border-radius:6px;font-size:.8125rem}.hd-ticket-data li:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#2db55d;transform:translateY(-1px)}.hd-ticket-data li.is-warn:before{background:#f0a500}.hd-ticket-data li.is-err:before{background:var(--hd-pink)}.hd-ticket-data li span{color:var(--hd-muted);flex:0 0 5.5rem}.hd-ticket-data li strong{color:var(--hd-ink)}.hd-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);max-width:56rem;margin:clamp(2rem,4vw,3rem) auto 0}.hd-compare-col{padding:1.25rem 1.5rem 1.5rem;border-radius:14px}.hd-compare-before{background:var(--hd-band)}.hd-compare-after{background:#fff;border:2px solid var(--hd-pink)}.hd .hd-compare-col h3{margin:0 0 .9rem;color:var(--hd-navy);font-size:1rem;font-weight:700}.hd-compare-col ol{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.hd-compare-col li{display:flex;align-items:flex-start;gap:.6rem;color:var(--hd-ink);font-size:.9375rem;line-height:1.45}.hd-compare-col li:before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:.05rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:12px}.hd-compare-before li{color:var(--hd-muted)}.hd-compare-before li:before{background-color:#d6d9e3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6178' stroke-width='3' stroke-linecap='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='18' y1='6' x2='6' y2='18'/></svg>")}.hd-compare-after li:before{background-color:var(--hd-pink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>")}@media(max-width:900px){.hd-board{grid-template-columns:minmax(0,1fr);max-width:30rem;margin-inline:auto}.hd-frame+.hd-frame:before{top:-11px;left:50%;transform:translate(-50%) rotate(90deg)}.hd-frame+.hd-frame{padding-top:1.5rem}.hd-compare{grid-template-columns:minmax(0,1fr)}}.cf{--cf-pink: #f24361;--cf-navy: #1a234a;--cf-ink: #12141f;--cf-muted: #5b6178;--cf-line: #e4e7f0;--cf-track: #e9ebf3}.cf-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.25rem,2.5vw,2rem);align-items:start}.cf-resources{display:grid;gap:1rem}.cf-card{padding:1.25rem 1.5rem 1.35rem;background:#fff;border:1px solid var(--cf-line);border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease}.cf-card:focus-within{border-color:var(--cf-pink);box-shadow:0 0 0 4px #f243611a}.cf-card-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.cf-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;color:var(--cf-pink);background:#f243611a;border-radius:12px}.cf-icon svg{width:22px;height:22px}.cf-card-title{display:flex;flex-direction:column;min-width:0}.cf-card-title label{color:var(--cf-navy);font-weight:700;cursor:pointer}.cf-unit-price{color:var(--cf-muted);font-size:.8125rem}.cf-readout{display:flex;align-items:baseline;gap:.35rem;margin-left:auto;white-space:nowrap}.cf-value-num{color:var(--cf-ink);font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.cf-value-unit{color:var(--cf-muted);font-size:.9375rem}.cf-control{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.75rem}.cf-step{width:2.5rem;height:2.5rem;color:var(--cf-navy);background:#f3f4fa;border:1px solid var(--cf-line);border-radius:50%;font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cf-step:hover{color:#fff;background:var(--cf-pink);border-color:var(--cf-pink)}.cf-track-wrap{min-width:0}.cf-range{display:block;width:100%;height:28px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.cf-range::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,var(--cf-pink) 0 var(--p, 0%),var(--cf-track) var(--p, 0%) 100%);border-radius:4px}.cf-range::-moz-range-track{height:8px;background:var(--cf-track);border-radius:4px}.cf-range::-moz-range-progress{height:8px;background:var(--cf-pink);border-radius:4px}.cf-range::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;background:#fff;border:3px solid var(--cf-pink);border-radius:50%;box-shadow:0 2px 8px #12141f33;appearance:none;-webkit-appearance:none}.cf-range::-moz-range-thumb{width:18px;height:18px;background:#fff;border:3px solid var(--cf-pink);border-radius:50%;box-shadow:0 2px 8px #12141f33}.cf-range:focus-visible{outline:none}.cf-minmax{display:flex;justify-content:space-between;margin-top:.15rem;color:var(--cf-muted);font-size:.75rem}.cf-line-price{margin-top:.75rem;color:var(--cf-muted);font-size:.875rem;text-align:right}.cf-line-price span{color:var(--cf-ink);font-weight:700}.cf-summary{position:sticky;top:6rem;padding:clamp(1.5rem,2.5vw,2rem);color:#fff;background:radial-gradient(120% 140% at 78% 12%,#1d2a5e,#0d1130 55%,#080b22);border-radius:20px;box-shadow:0 24px 50px #0d11304d}.cf-summary-title{margin-bottom:1rem;color:#fff9;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cf-summary-list{display:grid;gap:.6rem;margin:0 0 1.25rem;padding:0 0 1.25rem;list-style:none;border-bottom:1px solid rgba(255,255,255,.14)}.cf-summary-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.9375rem}.cf-summary-list span{color:#ffffffb8}.cf-summary-list strong{color:#fff;white-space:nowrap}.cf-total{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.cf-total-label{display:flex;flex-direction:column;color:#ffffffd9;font-size:.9375rem;font-weight:600}.cf-total-label small{color:#ffffff8c;font-size:.75rem;font-weight:500}.cf-total-sum{color:#fff;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;line-height:1;white-space:nowrap}.cf-total-sum strong{color:#fff}.cf-order{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem 1.5rem;color:#fff;background:var(--cf-pink);border-radius:12px;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:filter .15s ease}.cf-order:hover,.cf-order:focus-visible{color:#fff;filter:brightness(1.07)}.cf-order svg{width:20px;height:20px}.cf-note{margin:1rem 0 0;color:#fff9;font-size:.8125rem;line-height:1.5}@media(max-width:900px){.cf-layout{grid-template-columns:minmax(0,1fr)}.cf-summary{position:static}}@media(max-width:520px){.cf-card-head{flex-wrap:wrap}.cf-readout{width:100%;margin-left:0}}
