/* Clear choices, tactile controls, and an interactive lock screen. */
.hero{min-height:850px}.hero h1{font-size:clamp(3.2rem,6.5vw,6.6rem);max-width:760px}.hero-art.phone-area{right:8%;top:15%;width:290px;height:580px;display:grid;place-items:center;background:none;overflow:visible}.phone-emulator{width:280px;height:560px;border:6px solid #34303e;border-radius:48px;padding:8px;background:#0a0910;box-shadow:0 35px 100px #0009,0 0 80px #7839ec25;transform:rotate(5deg);transition:transform .7s}.phone-emulator:hover{transform:rotate(0)}.phone-island{position:absolute;top:19px;left:50%;transform:translateX(-50%);width:85px;height:23px;border-radius:30px;background:#09090e;z-index:2}.phone-screen{height:100%;border-radius:33px;background:radial-gradient(ellipse at 50% 55%,#7a4bad,#28213b 55%,#11101a);display:flex;flex-direction:column;align-items:center;padding:42px 14px 14px;overflow:hidden}.phone-time{font-size:3.5rem;font-weight:600;letter-spacing:-3px;line-height:1.1}.phone-date{font-size:.875rem;text-transform:capitalize}.phone-screen>img{height:190px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px #c7b0ff66);margin:6px 0}.phone-notice{border:1px solid #ffffff25;background:#ffffff15;backdrop-filter:blur(10px);border-radius:18px;padding:12px;width:100%;font-size:.875rem}.phone-notice p{font-size:.875rem;line-height:1.4;margin:6px 0 0}.unlock-label{font-size:.875rem;margin:16px 0 8px;color:#efe5ff}#unlockSlider{appearance:none;width:100%;height:42px;border-radius:30px;padding:3px;border:1px solid #ffffff30;background:linear-gradient(90deg,#9668ee var(--unlock-progress,0%),#ffffff12 0);cursor:grab}#unlockSlider::-webkit-slider-thumb{appearance:none;width:34px;height:34px;border-radius:50%;background:#f4ecff;box-shadow:0 2px 10px #0004}#unlockSlider::-moz-range-thumb{width:34px;height:34px;border:0;border-radius:50%;background:#f4ecff}#unlockButton{background:none;border:0;color:#ded0fb;font-size:.875rem;text-decoration:underline;padding:8px;min-height:38px;cursor:pointer}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pack-card{border:1px solid #ffffff24;background:#17131f;padding:36px;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start}.pack-card.featured{background:linear-gradient(135deg,#2d1c4f,#181320);border-color:#9766ed70}.pack-card h3{font-size:2rem;margin:18px 0}.pack-price{font-size:2.8rem;font-weight:700;line-height:1.2}.pack-price small{display:block;font-size:1rem;font-weight:400;margin-top:10px;color:#bfb2d3}.pack-card ul{padding-left:20px;line-height:1.9;margin:24px 0;flex:1}.cost-list{margin:64px 0 40px}.cost-list h3,.creation-docs h3{font-size:1.6rem;margin:0 0 24px}.cost-table-wrap{overflow:auto;border:1px solid #ffffff20;border-radius:18px}.cost-list table{border-collapse:collapse;width:100%;text-align:left;font-size:1rem}.cost-list th,.cost-list td{padding:20px;border-bottom:1px solid #ffffff15}.cost-list th{color:#bca7e0;background:#21192e}.cost-list td:nth-child(2){font-weight:700;white-space:nowrap}.cost-total{background:#7843cc22}.creation-docs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.creation-docs h3{grid-column:1/-1}.creation-docs article{padding:24px;border:1px solid #ffffff20;border-radius:18px}.creation-docs p{line-height:1.7;color:#bfb4cf;margin:12px 0 0}.catalog-search{display:block;max-width:500px;margin-bottom:32px}.catalog-search input{margin-top:10px}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.landing-card{border:1px solid #ffffff20;border-radius:22px;background:#16121eea;padding:28px;display:flex;flex-direction:column;transition:transform .35s,border-color .35s}.landing-card:hover{transform:translateY(-5px);border-color:#a882ed}.landing-card[hidden]{display:none}.landing-number{font-size:.875rem;color:#ae8cde;letter-spacing:2px}.landing-card h3{font-size:1.5rem;margin:18px 0}.landing-card>p{line-height:1.6;color:#c9bfd5}.landing-card ul{padding-left:18px;line-height:1.7;color:#c0b7cb;font-size:1rem;margin:20px 0}.landing-card li{margin-bottom:8px}.opportunity{border-top:1px solid #ffffff15;padding-top:18px;margin-top:auto}.opportunity strong{display:block;color:#e8d6ff;margin-bottom:6px}.landing-card-bottom{display:flex;flex-direction:column;gap:18px;margin-top:24px}.landing-card-bottom>span{font-weight:700;font-size:1.2rem}.landing-card-bottom small{display:block;font-size:.875rem;font-weight:400;color:#b8aac8;margin-top:4px}.landing-card .button{width:100%;justify-content:center}.landing-total{border:1px solid #ad83e055;border-radius:22px;background:#3c255b44;padding:30px;margin-top:32px;line-height:1.7}.landing-total strong,.landing-total span{display:block}.landing-total strong{font-size:1.6rem}.order-dialog{width:min(660px,calc(100% - 28px));max-height:90dvh;overflow:auto;border-radius:24px;padding:38px}.order-dialog h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:14px 0 20px}.pack-option{display:block;text-align:left;width:100%;padding:24px;background:#2c203e;border:1px solid #8a63bb66;border-radius:16px;color:white;cursor:pointer;margin:16px 0;transition:background .3s}.pack-option:hover{background:#482b6e}.pack-option strong,.pack-option span{display:block}.pack-option strong{font-size:1.4rem;margin-bottom:10px}.pack-option span{font-size:1rem;color:#cec0df}#landingForm{display:grid;gap:20px;margin-top:28px}#landingForm label{display:grid;gap:9px}#landingForm .consent{display:flex;align-items:flex-start;line-height:1.6}.order-dialog::backdrop{backdrop-filter:blur(9px);background:#07050bbd}.button:focus-visible,.pack-option:focus-visible{outline:3px solid #c7a2ff;outline-offset:4px}body:has(dialog[open]) .cursor-eyes{opacity:0!important}header nav{gap:18px}
@media(max-width:1100px){.hero-art.phone-area{right:4%;width:245px}.phone-emulator{transform:scale(.88) rotate(5deg)}.hero h1{max-width:650px;font-size:5.8vw}.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:12px;font-size:.875rem}}
@media(max-width:760px){.hero{min-height:0;padding-bottom:32px}.hero h1{font-size:clamp(2.7rem,10vw,4.5rem);max-width:100%}.hero-art.phone-area{position:relative!important;inset:auto!important;width:100%!important;height:590px!important;margin:24px auto 0;transform:none!important}.phone-emulator{transform:none}.hero-bottom{position:relative;display:flex;flex-direction:column;gap:24px}.hero-bottom p{font-size:1rem}.hero .scroll-label{position:relative;inset:auto;margin-top:24px}.pack-grid,.landing-grid,.creation-docs{grid-template-columns:1fr}.pack-card{padding:28px}.pack-price{font-size:2.5rem}.cost-list th,.cost-list td{padding:14px;font-size:.875rem}.cost-list td:first-child{min-width:150px}.cost-list td:last-child{min-width:110px}.landing-card{padding:24px}.order-dialog{padding:28px 22px}.order-dialog .form-grid{grid-template-columns:1fr}.landing-total{padding:24px}.phone-area .phone-screen img{max-width:100%}header nav{overflow:auto}header .small{font-size:.875rem}.landing-catalog .section-head h2{font-size:clamp(2.3rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.phone-emulator,.landing-card{transition:none;transform:none}}
.hero{align-items:flex-start;padding-top:130px}.hero h1{text-align:left;width:calc(100% - 340px);font-size:clamp(3rem,5.6vw,6rem)}.hero-bottom{text-align:left;align-items:flex-start;max-width:calc(100% - 350px)}.hero-art.phone-area{inset:110px 6% auto auto;z-index:3;pointer-events:auto}.phone-emulator{position:relative}#unlockSlider{margin:0;min-height:42px;padding:3px;background:linear-gradient(90deg,#9668ee var(--unlock-progress,0%),#ffffff12 0);color:white}.phone-screen>img{flex-shrink:0}.phone-time{flex-shrink:0}#landingForm select{font:inherit;padding:15px;border:1px solid #ffffff26;border-radius:8px;background:#100e14;color:#efeaf5;width:100%;min-height:48px}
@media(max-width:1000px){.hero-art.phone-area{right:3%}.hero h1{font-size:5.7vw;width:calc(100% - 280px)}.hero-bottom{max-width:calc(100% - 280px)}}
@media(max-width:760px){.hero{padding:55px 18px 35px;align-items:stretch}.hero h1{width:100%;font-size:clamp(2.7rem,10vw,4.5rem)}.hero-bottom{max-width:100%;align-items:stretch}.hero>.eyebrow{align-self:flex-start}.hero-art.phone-area{z-index:1}.hero-bottom>div{align-items:stretch;width:100%;flex-direction:column;gap:14px}.hero .sound-toggle,.hero .tour-start{align-self:flex-start;max-width:100%}}
/* Mobile navigation and comfortable modal use. */
.mobile-menu{display:none}body:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain;scrollbar-gutter:stable}dialog .close{position:sticky;top:0;float:right;width:44px;height:44px;display:grid;place-items:center;background:#2a1c3b;border:1px solid #ffffff25;border-radius:50%;z-index:4;cursor:pointer}dialog input,dialog textarea{font-size:1rem}dialog .button{min-height:54px}dialog pre{font-size:1rem;overflow-wrap:anywhere}.phone-emulator{height:600px}.phone-screen>img{height:130px}.phone-time{font-size:3rem}.hero-art.phone-area{height:620px}.hero h1 br:first-of-type{display:block}.pack-card,.landing-card,.brief,.payment-card{min-width:0}.phone-screen{gap:0}#unlockButton{flex-shrink:0;min-height:44px}.landing-catalog input,.landing-catalog button{min-height:50px}.pack-option{min-height:90px}
@media(max-width:900px){header nav{display:none}.mobile-menu{display:block;position:relative;margin-left:auto;margin-right:14px;color:#eee5fb}.mobile-menu summary{list-style:none;cursor:pointer;padding:12px 16px;min-height:44px;border:1px solid #ffffff30;border-radius:30px;font-size:.875rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;top:calc(100% + 14px);right:0;width:min(280px,calc(100vw - 36px));padding:12px;background:#17101ff7;border:1px solid #ffffff30;border-radius:18px;box-shadow:0 20px 50px #0009}.mobile-menu a{display:flex;align-items:center;min-height:48px;padding:12px;border-radius:10px}.mobile-menu a:hover{background:#44305f}.hero-art.phone-area{right:3%}}
@media(max-width:760px){.hero-art.phone-area{height:640px!important}.hero .eyebrow{max-width:100%;font-size:.75rem;line-height:1.6;letter-spacing:.04em}.cost-table-wrap{max-width:100%}.order-dialog{max-height:calc(100dvh - 24px);padding-bottom:max(28px,env(safe-area-inset-bottom))}.landing-total span{overflow-wrap:anywhere}.pack-price small{line-height:1.5}.landing-card-bottom .button{min-height:56px}.pay-buttons a:focus-visible{outline-color:#ead7ff}}
@media(max-width:380px){header{gap:8px;padding-left:12px;padding-right:12px}.brand img{width:84px}.mobile-menu{margin-right:0}.mobile-menu summary{padding:10px 12px}header .small{padding:12px;font-size:.75rem;max-width:110px}.phone-emulator{width:270px}.phone-area{min-width:0}.hero h1{font-size:2.65rem}.pack-card{padding:22px}}