*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#FF9500;--accent-deep:#e68600;--dark:#121212;--white:#fff;--surface:#fafaf8;--text-secondary:#3a3a3a;--shadow-soft:0 2px 24px rgba(0,0,0,0.06);--shadow-card:0 8px 40px rgba(0,0,0,0.08);--shadow-cta:0 4px 18px rgba(255,149,0,0.35);--radius-lg:24px;--radius-md:14px;--radius-sm:10px;--transition-smooth:.35s cubic-bezier(0.22,0.61,0.36,1);--transition-bounce:.4s cubic-bezier(0.34,1.56,0.64,1);--transition-fast:.18s ease-out}html{min-height:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Barlow',sans-serif;font-weight:400;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:#fefefe;background-image:radial-gradient(ellipse at 50% 35%,rgba(255,200,100,0.18) 0,rgba(255,240,210,0.06) 45%,rgba(255,255,255,0) 75%);background-attachment:fixed;background-size:200% 200%;background-position:center center;color:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:background-position .6s ease-out}@media(prefers-reduced-motion:reduce){body{transition:none;background-attachment:scroll}}.progress-bar{position:fixed;top:0;left:0;height:3px;background:rgba(255,149,0,0.55);z-index:100;border-radius:0 2px 2px 0;width:0;animation:progressFill 1.5s cubic-bezier(0.22,0.61,0.36,1) forwards;pointer-events:none}@keyframes progressFill{0%{width:0}40%{width:65%}70%{width:88%}100%{width:100%}}@media(prefers-reduced-motion:reduce){.progress-bar{animation:none;width:100%;opacity:.25}}.main-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;padding:clamp(16px,3vw,40px);gap:clamp(24px,5vw,56px);flex-direction:column;z-index:1;min-height:100vh;min-height:100dvh}@media(min-width:768px){.main-container{flex-direction:row;gap:clamp(40px,7vw,72px)}}.hero-text-block{flex:1 1 auto;display:flex;flex-direction:column;gap:clamp(28px,4vh,48px);text-align:center;align-items:center;max-width:520px;z-index:2}@media(min-width:768px){.hero-text-block{text-align:left;align-items:flex-start;max-width:480px}}@media(max-width:767px){.hero-text-block{gap:clamp(18px,2.5vh,28px);padding-top:56px;padding-bottom:110px}.main-container{justify-content:center;padding-top:24px;padding-bottom:calc(110px+env(safe-area-inset-bottom,0px))}}.hero-title{font-family:'Barlow',sans-serif;font-weight:700;font-size:clamp(2rem,5.5vw,3.2rem);letter-spacing:-0.03em;line-height:1.08;color:var(--dark);font-stretch:condensed;text-wrap:balance;opacity:0;transform:translateY(18px);animation:fadeInUp .55s cubic-bezier(0.22,0.61,0.36,1) .15s forwards}@supports not(font-stretch:condensed){.hero-title{letter-spacing:-0.05em}}.hero-subtitle{font-weight:400;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;color:var(--text-secondary);max-width:440px;text-wrap:balance;opacity:0;transform:translateY(18px);animation:fadeInUp .55s cubic-bezier(0.22,0.61,0.36,1) .28s forwards}@media(max-width:767px){.hero-subtitle{max-width:340px;line-height:1.5}}.cta-wrapper{opacity:0;transform:translateY(18px);animation:fadeInUp .55s cubic-bezier(0.22,0.61,0.36,1) .41s forwards;position:relative;display:inline-block}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-title,.hero-subtitle,.cta-wrapper{animation:none;opacity:1;transform:none}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--dark);font-family:'Barlow',sans-serif;font-weight:700;font-size:clamp(1rem,2vw,1.15rem);letter-spacing:.01em;padding:clamp(14px,2.2vh,17px) clamp(28px,4vw,40px);border-radius:50px;border:none;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow-cta);transition:transform var(--transition-fast),box-shadow var(--transition-smooth),padding var(--transition-smooth);min-height:48px;min-width:48px;z-index:1;outline-offset:3px;-webkit-user-select:none;user-select:none;white-space:nowrap}.cta-button::after{content:'';position:absolute;inset:0;background:rgba(18,18,18,0.08);border-radius:50px;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(0.22,0.61,0.36,1);z-index:-1;pointer-events:none}.cta-button:hover::after{transform:scaleX(1)}.cta-button:hover{padding-left:clamp(36px,5vw,52px);padding-right:clamp(36px,5vw,52px);box-shadow:0 6px 26px rgba(255,149,0,0.5)}.cta-button:active{transform:scale(0.95);transition:transform .1s ease-out;box-shadow:0 2px 10px rgba(255,149,0,0.3)}.cta-button:focus-visible{outline:2px dashed rgba(18,18,18,0.3);outline-offset:4px}@media(hover:none){.cta-button:hover{padding-left:clamp(28px,4vw,40px);padding-right:clamp(28px,4vw,40px);box-shadow:var(--shadow-cta)}.cta-button:hover::after{transform:scaleX(0)}}@media(max-width:767px){.cta-wrapper{position:fixed;bottom:calc(16px+env(safe-area-inset-bottom,0px));left:0;width:100%;display:flex;justify-content:center;z-index:50;pointer-events:none}.cta-button{position:relative;width:calc(100% - 32px);max-width:420px;margin:0;box-shadow:0 4px 22px rgba(255,149,0,0.45);white-space:nowrap;pointer-events:auto}.cta-button:active{transform:scale(0.98)}.cta-pulse-halo{position:fixed;bottom:calc(16px+env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 24px));height:56px;border-radius:50px;background:transparent;box-shadow:0 0 0 0 rgba(255,149,0,0.1);animation:pulseHalo 2.6s ease-in-out infinite;pointer-events:none;z-index:49}@keyframes pulseHalo{0%,100%{box-shadow:0 0 0 0 rgba(255,149,0,0.1)}50%{box-shadow:0 0 0 18px rgba(255,149,0,0)}}@media(prefers-reduced-motion:reduce){.cta-pulse-halo{animation:none;display:none}}}@media(min-width:768px){.cta-pulse-halo{display:none}}.graphic-card{flex:0 0 auto;aspect-ratio:9/16;width:clamp(180px,28vw,280px);max-height:70vh;max-height:70dvh;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden;z-index:1;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);transform-style:preserve-3d;perspective:800px}@media(hover:hover) and (min-width:768px){.graphic-card:hover{transform:rotateY(-2deg) rotateX(1deg) translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,0.12)}}@media(prefers-reduced-motion:reduce){.graphic-card{transition:none}.graphic-card:hover{transform:none;box-shadow:var(--shadow-card)}}@media(max-width:767px){.graphic-card{width:clamp(130px,40vw,200px);max-height:30vh;max-height:30dvh;order:-1;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-shrink:0}}.graphic-card-inner{position:absolute;inset:0;background:linear-gradient(180deg,#fdfdfb 0,#f8f8f4 40%,#f5f5f0 100%);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.008) 2px,rgba(0,0,0,0.008) 4px);border-radius:inherit;box-shadow:inset 0 0 60px rgba(0,0,0,0.03)}.graphic-card-shapes{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.shape-circle{position:absolute;border-radius:50%;background:rgba(255,149,0,0.12);filter:blur(0.5px)}.shape-circle.shape-1{width:52%;aspect-ratio:1;top:8%;right:-18%;background:rgba(255,149,0,0.14)}.shape-circle.shape-2{width:30%;aspect-ratio:1;bottom:22%;left:-10%;background:rgba(255,160,30,0.1)}.shape-circle.shape-3{width:18%;aspect-ratio:1;top:35%;right:15%;background:rgba(255,149,0,0.18)}.shape-line{position:absolute;height:2px;background:rgba(255,149,0,0.25);border-radius:1px;transform-origin:left center}.shape-line.line-1{width:40%;top:28%;left:12%;transform:rotate(-12deg)}.shape-line.line-2{width:28%;top:55%;right:8%;transform:rotate(8deg);background:rgba(255,149,0,0.2)}.shape-line.line-3{width:22%;bottom:18%;left:20%;transform:rotate(-5deg);background:rgba(255,149,0,0.3)}.shape-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,149,0,0.4)}.shape-dot.dot-1{top:20%;right:25%}.shape-dot.dot-2{bottom:30%;left:35%}.shape-dot.dot-3{top:48%;right:30%;width:5px;height:5px;background:rgba(255,149,0,0.5)}.card-icon-group{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:20px;pointer-events:none}.card-icon{width:36px;height:36px;transition:all var(--transition-bounce)}.card-icon svg{width:100%;height:100%}.card-icon .icon-outline{stroke:rgba(255,149,0,0.5);stroke-width:2;fill:none;transition:all var(--transition-smooth)}.card-icon .icon-fill{fill:rgba(255,149,0,0);transition:all var(--transition-smooth)}@media(hover:hover) and (min-width:768px){.graphic-card:hover .card-icon .icon-outline{stroke:rgba(255,149,0,0.9);stroke-width:1.5}.graphic-card:hover .card-icon .icon-fill{fill:rgba(255,149,0,0.25)}.graphic-card:hover .card-icon{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.card-icon{transition:none}}.logo-area{position:fixed;top:clamp(12px,2vh,20px);left:clamp(12px,3vw,28px);z-index:60;opacity:0;animation:fadeInUp .55s cubic-bezier(0.22,0.61,0.36,1) .05s forwards}.logo-area img{height:clamp(28px,3.5vh,36px);width:auto;display:block}@media(prefers-reduced-motion:reduce){.logo-area{animation:none;opacity:1}}.skip-link{position:absolute;top:-100px;left:16px;background:var(--dark);color:#fff;padding:10px 18px;border-radius:6px;z-index:200;font-weight:700;text-decoration:none;transition:top .2s}.skip-link:focus{top:16px}@media(max-width:767px){.graphic-card-shapes .shape-line.line-2{display:none}.graphic-card-shapes .shape-dot.dot-3{display:none}.card-icon-group{gap:14px}.card-icon{width:28px;height:28px}}