*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--cursor-x: 50vw;--cursor-y: 45vh;color:#22231f;background:#eef0f7;font-family:Pretendard,SUIT,Apple SD Gothic Neo,Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{position:relative;margin:0;min-width:320px;min-height:100%;background:#eef0f7;scroll-behavior:smooth}button,a{font:inherit}button{border:0}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,232,171,.32),transparent 25rem),radial-gradient(circle at 82% 12%,rgba(217,207,238,.58),transparent 34rem),linear-gradient(180deg,#f3f2f5,#e8ebf4 42%,#f7f4ec)}.grain,.cursor-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.grain{opacity:.1;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(52,50,45,.2) 0 .7px,transparent .8px 3px),linear-gradient(115deg,rgba(255,255,255,.2),transparent)}.cursor-glow{z-index:2;opacity:.65;background:radial-gradient(circle 24rem at var(--cursor-x) var(--cursor-y),rgba(255,217,134,.34),transparent 72%)}.kicker{margin:0 0 1.1rem;color:#28282475;font-size:.74rem;font-weight:700;letter-spacing:.2em;line-height:1.4}.hero-showcase{--accent: #f2c76e;position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 18rem),radial-gradient(circle at 78% 18%,rgba(202,194,230,.6),transparent 28rem),radial-gradient(circle at 20% 74%,rgba(255,237,196,.58),transparent 27rem),linear-gradient(135deg,#f4f4f7,#e7e9f3 48%,#f8f3e7)}.hero-showcase:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;opacity:.68;filter:blur(24px);background:conic-gradient(from 160deg at 50% 50%,#ffffff6b,color-mix(in srgb,var(--accent) 18%,transparent),#b2b1d438,#fff6),radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.78),transparent 38%);animation:stage-drift 16s ease-in-out infinite alternate}.hero-grid{position:relative;z-index:3;width:min(1480px,calc(100% - 48px));min-height:100svh;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.08fr) minmax(300px,.78fr);align-items:center;gap:clamp(1rem,3vw,4rem);padding:4rem 0}.hero-left{padding-top:8vh}.hero-left h1{margin:0;color:#25251f;font-size:clamp(3.6rem,7.6vw,8.8rem);font-weight:800;letter-spacing:-.04em;line-height:.94}.hero-desc{max-width:450px;margin:1.7rem 0 2.2rem;color:#2b2b269e;font-size:clamp(1rem,1.45vw,1.28rem);font-weight:500;line-height:1.72;word-break:keep-all}.live-status{width:min(100%,330px);display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.72);border-radius:1.2rem;padding:1rem 1.1rem;background:#ffffff6b;box-shadow:inset 0 1px #ffffffd6,18px 22px 55px #7574842e,-14px -14px 38px #ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pulse-dot{width:.78rem;height:.78rem;border-radius:999px;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent);animation:pulse 1.8s ease-out infinite}.live-status small{display:block;color:#3636306b;font-size:.72rem;font-weight:700;letter-spacing:.16em}.live-status strong{display:block;margin-top:.15rem;color:#24241f;font-size:1.3rem;font-weight:800}.hero-center{position:relative;display:grid;min-height:720px;place-items:center;perspective:1300px}.scan-ring{position:absolute;width:min(620px,80vw);aspect-ratio:1;border:1px solid rgba(87,85,95,.12);border-radius:999px;background:radial-gradient(circle,transparent 59%,rgba(67,68,78,.08) 60%,transparent 61%),conic-gradient(from 0deg,transparent 0 12%,rgba(255,255,255,.8) 13%,transparent 15% 100%);-webkit-mask-image:radial-gradient(circle,transparent 47%,#000 48%);mask-image:radial-gradient(circle,transparent 47%,#000 48%);animation:orbit-spin 18s linear infinite}.state-caption{position:absolute;left:50%;bottom:4%;width:min(430px,88vw);transform:translate(-50%);border:1px solid rgba(255,255,255,.72);border-radius:1.5rem;padding:1rem 1.2rem;background:#ffffff8a;box-shadow:0 24px 70px #807c922e,inset 0 1px #ffffffd1;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.state-caption span{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.18em}.state-caption p{margin:.45rem 0 0;color:#2a2a25b8;font-size:1rem;font-weight:700;line-height:1.45;word-break:keep-all}.hero-right{display:flex;justify-content:flex-end}.control-panel{width:min(100%,390px);border:1px solid rgba(255,255,255,.72);border-radius:1.8rem;padding:1.25rem;background:linear-gradient(180deg,#ffffffb8,#ffffff5c),#f5f4f880;box-shadow:24px 34px 80px #76748938,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.control-panel>p{margin:0 0 .75rem;color:#30302b70;font-size:.7rem;font-weight:800;letter-spacing:.18em}.control-panel h2{max-width:300px;margin:0 0 1.4rem;color:#262621;font-size:clamp(1.45rem,2vw,2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;word-break:keep-all}.weather-selector{position:relative;min-height:360px;display:grid;place-items:center}.selector-orbit{position:absolute;width:225px;aspect-ratio:1;border:1px solid rgba(81,82,92,.12);border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.62),transparent 64%)}.weather-selector button{--angle: calc(var(--i) * 60deg - 90deg);position:absolute;left:50%;top:50%;width:92px;height:92px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(var(--angle)) translate(132px) rotate(calc(var(--angle) * -1));border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#ffffff7a;color:#2b2b27ad;cursor:pointer;transition:border-color .35s ease,background .35s ease,color .35s ease,transform .35s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.weather-selector button span,.weather-selector button small{display:block;width:100%;text-align:center}.weather-selector button span{font-size:1rem;font-weight:900}.weather-selector button small{margin-top:.08rem;color:#2b2b275c;font-size:.62rem;font-weight:800;letter-spacing:.08em}.weather-selector button:hover,.weather-selector button.is-active{border-color:color-mix(in srgb,var(--accent) 68%,white 10%);background:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.72));color:#24241f;box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px #ffffffe6}.reaction-readout{border-top:1px solid rgba(42,42,38,.08);padding-top:1.1rem}.reaction-readout span{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.18em}.reaction-readout p{margin:.65rem 0 0;color:#2b2b279e;font-size:.95rem;font-weight:500;line-height:1.72;word-break:keep-all}.bloom-object{--bloom: 1;--lift: -24;--bend: 0;--twist: 0;--droop: 0;--gloss: .2;--drops: 0;--frost: 0;--wind: 0;--heat: 0;--snow: 0;--hue: 35;position:relative;width:min(590px,82vw);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d;animation:object-float calc(5.8s + var(--snow) * 4s + var(--heat) * 1.2s) ease-in-out infinite}.bloom-object.compact{width:min(300px,70vw)}.bloom-light{position:absolute;width:92%;aspect-ratio:1;border-radius:999px;opacity:calc(.62 + (1 - var(--droop)) * .28);filter:blur(38px);background:radial-gradient(circle,hsla(var(--hue),86%,69%,.38),transparent 45%),radial-gradient(circle at 52% 42%,rgba(255,255,255,.72),transparent 34%)}.bloom-shadow{position:absolute;bottom:4%;width:52%;height:10%;border-radius:999px;background:#6a68763d;filter:blur(28px);transform:rotateX(70deg) scale(calc(1.08 - var(--lift) * .003))}.product-image-rig{position:absolute;z-index:3;left:50%;bottom:1%;width:62%;height:96%;opacity:1;transform-origin:50% 94%;transform:translate(-50%) translateY(calc(var(--lift) * .7px)) rotate(calc(var(--bend) * .18deg)) skew(calc(var(--wind) * -1.8deg));transition:opacity .7s ease;animation:image-product-float calc(6s + var(--snow) * 3s) ease-in-out infinite}.product-image-rig.is-loaded{opacity:1}.product-part{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:saturate(calc(1 - var(--frost) * .62 + var(--heat) * .18)) brightness(calc(1 + var(--frost) * .14 + var(--heat) * .05)) sepia(calc(var(--heat) * .22));-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.product-base-layer{clip-path:inset(35% 0 0 0);transform-origin:50% 94%;transform:rotate(calc(var(--bend) * .72deg)) skew(calc(var(--wind) * -2.2deg)) scaleY(calc(1 - var(--droop) * .06));animation:image-stem-sway calc(4s - var(--wind) * 1.3s) ease-in-out infinite}.product-head-layer{clip-path:ellipse(43% 24% at 39% 24%);transform-origin:39% 24%;transform:translate(calc(var(--bend) * -1.35px + var(--wind) * -9px)) translateY(calc(var(--lift) * .55px + var(--droop) * 36px + var(--snow) * 6px)) rotate(calc(var(--bend) * .72deg + var(--twist) * .55deg)) rotateY(calc(var(--twist) * .8deg)) scale(calc(.94 + var(--bloom) * .09 - var(--droop) * .04));filter:saturate(calc(1 - var(--frost) * .82 + var(--heat) * .2)) brightness(calc(1 + var(--frost) * .22 + var(--heat) * .12)) sepia(calc(var(--heat) * .34)) hue-rotate(calc(var(--frost) * 12deg + var(--heat) * -12deg));animation:image-head-breathe calc(5.8s + var(--snow) * 4s) ease-in-out infinite,image-wind-flutter calc(1.8s - var(--wind) * .8s) ease-in-out infinite}.image-core-glow{position:absolute;left:32%;top:25%;width:31%;aspect-ratio:1;border-radius:999px;opacity:calc(.52 + var(--bloom) * .32 + var(--heat) * .18 - var(--snow) * .22);background:radial-gradient(circle,rgba(255,255,255,.96) 0 18%,hsla(var(--hue),96%,76%,.62) 38%,transparent 72%);filter:blur(calc(9px + var(--heat) * 8px));mix-blend-mode:screen;transform:translate(calc(var(--bend) * -1.35px + var(--wind) * -9px)) translateY(calc(var(--lift) * .55px + var(--droop) * 36px));pointer-events:none}.image-droplet{position:absolute;z-index:8;width:12px;height:18px;border-radius:999px 999px 999px 22px;opacity:var(--drops);background:linear-gradient(145deg,#ffffffe6,#76b5cc57);box-shadow:0 0 14px #89bed161;animation:image-drop-fall 3.4s ease-in infinite}.image-drop-1{left:24%;top:27%}.image-drop-2{left:58%;top:21%;animation-delay:-1.1s}.image-drop-3{left:70%;top:34%;animation-delay:-2s}.image-snow{position:absolute;z-index:8;width:70px;height:15px;border-radius:999px;opacity:calc(var(--snow) * .84);background:#ffffffeb;filter:blur(3px);transform-origin:50% 50%}.image-snow-1{left:18%;top:24%;transform:rotate(-14deg)}.image-snow-2{left:52%;top:18%;transform:rotate(18deg)}.image-heatwave{position:absolute;top:8%;right:-10%;bottom:22%;left:-10%;opacity:calc(var(--heat) * .42);background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(232,126,75,.22) 27px 29px),radial-gradient(circle at 44% 30%,rgba(255,173,92,.32),transparent 48%);filter:blur(10px);transform:skew(-3deg);animation:heat-shimmer-image 3.6s ease-in-out infinite;pointer-events:none}.flower-rig{position:relative;z-index:4;width:74%;aspect-ratio:1;transform:translateY(calc(var(--lift) * 1px)) rotate(calc(var(--bend) * .55deg)) rotateY(calc(var(--twist) * 1deg));transform-style:preserve-3d;transition:filter .8s ease;filter:saturate(calc(1 - var(--frost) * .7)) brightness(calc(1 + var(--frost) * .14)) sepia(calc(var(--heat) * .18));animation:flower-breathe calc(6.4s + var(--snow) * 4s) ease-in-out infinite}.flower-rig.with-render{opacity:0}.petal-set{position:absolute;top:17%;right:16%;bottom:25%;left:16%;transform-style:preserve-3d;animation:petal-wind calc(1.8s - var(--wind) * .75s) ease-in-out infinite;animation-play-state:running}.petal-set-inner{top:24%;right:24%;bottom:34%;left:24%;transform:translateZ(26px) rotate(22deg)}.petal{--angle: calc(var(--i) * 45deg);position:absolute;left:50%;top:50%;width:24%;height:48%;border-radius:58% 58% 46% 46%;transform-origin:50% 96%;transform:translate(-50%,-96%) rotate(var(--angle)) translateY(calc((-22px - var(--bloom) * 70px) + var(--droop) * 48px)) rotateX(calc(34deg - var(--bloom) * 42deg + var(--droop) * 48deg)) rotate(calc(var(--wind) * var(--flutter) * 1deg));background:radial-gradient(circle at 42% 14%,rgba(255,255,255,.98),transparent 30%),radial-gradient(circle at 50% 46%,hsla(var(--hue),86%,76%,calc(.18 + (1 - var(--droop)) * .2)),transparent 62%),linear-gradient(150deg,#ffffffeb,hsla(var(--hue),42%,84%,calc(.46 + var(--gloss) * .28)) 52%,#b4b5a62e);box-shadow:inset 0 1px 4px #ffffffe6,inset 0 -20px 36px rgba(91,92,84,calc(.08 + var(--droop) * .07)),0 18px 42px #5e5b6c29,0 0 calc(18px + var(--gloss) * 28px) hsla(var(--hue),80%,72%,calc(.18 + (1 - var(--droop)) * .18));opacity:calc(.96 - var(--frost) * .04);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.petal:after{content:"";position:absolute;inset:7% 21% auto;height:18%;border-radius:999px;opacity:calc(var(--frost) * .86);background:#ffffffe0;filter:blur(3px)}.petal-set-inner .petal{width:28%;height:43%;transform:translate(-50%,-96%) rotate(calc(var(--i) * 72deg)) translateY(calc((-12px - var(--bloom) * 30px) + var(--droop) * 28px)) rotateX(calc(30deg - var(--bloom) * 34deg + var(--droop) * 36deg))}.pollen-core{position:absolute;left:50%;top:47%;z-index:8;width:18%;aspect-ratio:1;border-radius:999px;transform:translate(-50%,-50%) translateZ(48px);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98),transparent 22%),radial-gradient(circle,hsla(var(--hue),88%,74%,.98),#9778405c);box-shadow:0 0 calc(20px + (1 - var(--droop)) * 28px) hsla(var(--hue),80%,66%,.38),inset 0 -10px 22px #00000024}.leaf{position:absolute;z-index:2;width:23%;height:10%;border-radius:100% 0;opacity:calc(.78 - var(--frost) * .28);background:radial-gradient(circle at 28% 35%,rgba(255,255,255,.62),transparent 24%),linear-gradient(145deg,#b8d3acd9,#4e7e5294);box-shadow:inset 0 1px 3px #ffffffb3,0 14px 30px #47674e29}.leaf-left{left:31%;top:64%;transform:rotate(-30deg) scaleX(calc(1 - var(--droop) * .12))}.leaf-right{right:30%;top:68%;transform:scaleX(-1) rotate(-22deg) scaleX(calc(1 - var(--droop) * .12))}.stem{position:absolute;left:50%;top:53%;z-index:1;width:9%;height:48%;border-radius:999px 999px 42% 42%;transform-origin:50% 100%;transform:translate(-50%) rotate(calc(var(--bend) * .95deg)) scaleY(calc(1 - var(--droop) * .08));background:radial-gradient(ellipse at 42% 20%,rgba(221,238,197,.78),transparent 18%),linear-gradient(90deg,#4b744be6,#b9d4a3d1,#3a5c3ebd);box-shadow:inset -8px 0 16px #3547342e,0 18px 32px #4664462e}.pedestal{position:absolute;left:50%;bottom:1%;z-index:0;width:34%;height:12%;border-radius:999px;transform:translate(-50%);background:radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.92),transparent 48%),linear-gradient(180deg,#eef3e2f2,#91a8866b);box-shadow:inset 0 1px #ffffffc7,0 18px 46px #6b6f7e33}.droplet{position:absolute;z-index:9;width:11px;height:17px;border-radius:999px 999px 999px 24px;opacity:var(--drops);background:linear-gradient(145deg,#ffffffdb,#89c1d147);box-shadow:0 0 14px #b3e2ee8a;animation:drop-fall 3.2s ease-in infinite}.drop-1{left:33%;top:28%}.drop-2{left:62%;top:30%;animation-delay:-1.2s}.drop-3{left:50%;top:19%;animation-delay:-2s}.snow-cap{position:absolute;z-index:10;width:78px;height:16px;border-radius:999px;opacity:var(--snow);background:#ffffffdb;filter:blur(3px)}.cap-1{left:31%;top:28%;transform:rotate(-18deg)}.cap-2{right:31%;top:30%;transform:rotate(18deg)}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.particles span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:999px;background:#f5c45f8a;opacity:0;animation:particle-rise var(--d) ease-in-out infinite;animation-delay:var(--delay)}.particles-rain span{width:1px;height:30px;background:#699db55c;animation-name:rain-fall}.particles-windy span{width:82px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(103,126,124,.38),transparent);animation-name:wind-streak}.particles-snow span{background:#ffffffeb;animation-name:snow-fall}.particles-heatwave span{width:2px;height:48px;border-radius:999px;background:#eb7d4a38;filter:blur(2px);animation-name:heat-rise}.section-heading{width:min(1180px,calc(100% - 48px));margin:0 auto 3rem;text-align:center}.section-heading.left{text-align:left}.section-heading h2{max-width:860px;margin:0 auto;color:#25251f;font-size:clamp(2.4rem,5vw,5.5rem);font-weight:850;letter-spacing:-.055em;line-height:1.02;word-break:keep-all}.section-heading.left h2{margin-left:0}.section-heading span{display:block;max-width:660px;margin:1.2rem auto 0;color:#2b2b2794;font-size:1.05rem;font-weight:500;line-height:1.72;word-break:keep-all}.transformation-section,.works-section,.usage-section{position:relative;padding:clamp(6rem,11vw,10rem) 0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.75),transparent 26rem),radial-gradient(circle at 82% 30%,rgba(206,202,232,.42),transparent 28rem),linear-gradient(180deg,#f7f6f3,#e9ebf4 48%,#f6f2ea)}.reaction-grid{width:min(1320px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem}.reaction-card{min-height:430px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.72);border-radius:1.4rem;padding:1rem;overflow:hidden;color:#25251f;text-align:left;cursor:pointer;background:radial-gradient(circle at 50% 26%,rgba(255,235,182,.34),transparent 10rem),linear-gradient(180deg,#ffffffad,#ffffff52);box-shadow:18px 28px 70px #7774892e,inset 0 1px #ffffffdb;transition:transform .45s ease,border-color .45s ease,background .45s ease}.reaction-card:hover{transform:translateY(-8px);border-color:#fffffff2;background:radial-gradient(circle at 50% 25%,rgba(255,223,147,.42),transparent 11rem),linear-gradient(180deg,#ffffffdb,#ffffff80)}.reaction-card .bloom-object{align-self:center;margin-top:-1.2rem}.reaction-card strong,.reaction-card span{display:block}.reaction-card strong{font-size:1.45rem;font-weight:900}.reaction-card span{margin-top:.2rem;color:#2b2b2766;font-size:.72rem;font-weight:800;letter-spacing:.14em}.reaction-card p{min-height:3.4em;margin:1rem 0 0;color:#2b2b2794;font-size:.9rem;font-weight:600;line-height:1.55;word-break:keep-all}.works-layout{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(340px,.95fr) minmax(360px,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.exploded-stage{position:relative;min-height:640px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.76);border-radius:2rem;background:radial-gradient(circle at 50% 48%,rgba(255,222,151,.24),transparent 18rem),#ffffff7a;overflow:hidden}.technical-rings{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(73,75,84,.1);border-radius:999px;background:linear-gradient(90deg,transparent 49.8%,rgba(73,75,84,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(73,75,84,.1) 50%,transparent 50.2%),radial-gradient(circle,transparent 54%,rgba(73,75,84,.08) 55%,transparent 56%);animation:orbit-spin 28s linear infinite reverse}.system-list{display:grid;gap:.8rem}.system-list article{display:grid;grid-template-columns:54px 1fr;gap:1rem;border:1px solid rgba(255,255,255,.76);border-radius:1.2rem;padding:1.05rem;background:#ffffff80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.system-list span{color:#2b2b2761;font-size:.82rem;font-weight:900;letter-spacing:.12em}.system-list h3{margin:0;color:#282821;font-size:.95rem;font-weight:900;letter-spacing:.08em}.system-list p{margin:.45rem 0 0;color:#2b2b2794;font-size:.94rem;font-weight:500;line-height:1.62;word-break:keep-all}.usage-grid{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.usage-card{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:1.8rem;padding:clamp(1.2rem,3vw,2.2rem);display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 20%,rgba(255,255,255,.58) 100%),radial-gradient(circle at 66% 30%,rgba(255,225,157,.36),transparent 12rem),linear-gradient(135deg,#e8ebf2,#f8f3e8);box-shadow:20px 32px 76px #79748b2e,inset 0 1px #ffffffd6}.usage-card:first-child{grid-row:span 2;min-height:650px}.usage-card .bloom-object{position:absolute;right:4%;top:4%;z-index:2}.room-light{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(99,99,112,.04) 0 1px,transparent 1px 90px),radial-gradient(circle at 20% 18%,rgba(255,236,184,.38),transparent 18rem)}.usage-card div:last-child{position:relative;z-index:3;max-width:520px}.usage-card span{color:#2b2b276b;font-size:.76rem;font-weight:900;letter-spacing:.18em}.usage-card p{margin:.75rem 0 0;color:#262621;font-size:clamp(1.6rem,3vw,3.4rem);font-weight:850;letter-spacing:-.045em;line-height:1.08;word-break:keep-all}.ending-section{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:7rem 1.5rem 3rem;background:radial-gradient(circle at 50% 40%,rgba(255,224,157,.32),transparent 24rem),radial-gradient(circle at 50% 18%,rgba(204,202,232,.42),transparent 32rem),linear-gradient(180deg,#f5f3f5,#e6e9f3 72%)}.ending-copy{position:absolute;left:50%;bottom:15vh;z-index:4;width:min(760px,calc(100% - 48px));transform:translate(-50%);text-align:center}.ending-copy h2{margin:0;color:#24241f;font-size:clamp(2.8rem,6vw,6.8rem);font-weight:850;letter-spacing:-.055em;line-height:1;word-break:keep-all}.ending-copy span{display:block;margin-top:1.1rem;color:#2b2b279e;font-size:1.08rem;font-weight:600}footer{position:absolute;left:max(1.5rem,4vw);right:max(1.5rem,4vw);bottom:2rem;z-index:4;display:flex;justify-content:space-between;gap:1rem;color:#2b2b2761;font-size:.72rem;font-weight:800;letter-spacing:.14em}@keyframes stage-drift{to{transform:scale(1.08) rotate(4deg)}}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 38%,transparent)}to{box-shadow:0 0 0 16px transparent}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes object-float{0%,to{translate:0 0}50%{translate:0 -16px}}@keyframes render-breathe{0%,to{scale:1}50%{scale:1.025}}@keyframes image-product-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes image-stem-sway{0%,to{rotate:calc(var(--wind) * -1deg)}45%{rotate:calc(var(--wind) * 2.5deg)}70%{rotate:calc(var(--wind) * -2.2deg)}}@keyframes image-head-breathe{0%,to{scale:calc(.995 + var(--bloom) * .006)}50%{scale:calc(1.015 + var(--bloom) * .012 - var(--droop) * .006)}}@keyframes image-wind-flutter{0%,to{rotate:calc(var(--wind) * -1deg)}45%{rotate:calc(var(--wind) * 2.6deg)}72%{rotate:calc(var(--wind) * -2deg)}}@keyframes image-drop-fall{0%,42%{transform:translateY(0) scale(.64);opacity:0}54%{opacity:var(--drops)}to{transform:translateY(126px) scale(.52);opacity:0}}@keyframes heat-shimmer-image{0%,to{transform:translate(-1%) skew(-3deg);filter:blur(10px)}50%{transform:translate(1.4%) skew(3deg);filter:blur(14px)}}@keyframes flower-breathe{0%,to{scale:1}50%{scale:calc(1.015 + (1 - var(--droop)) * .02)}}@keyframes petal-wind{0%,to{rotate:calc(var(--wind) * -2deg)}45%{rotate:calc(var(--wind) * 4deg)}70%{rotate:calc(var(--wind) * -5deg)}}@keyframes drop-fall{0%,44%{transform:translateY(0) scale(.64);opacity:0}55%{opacity:var(--drops)}to{transform:translateY(118px) scale(.52);opacity:0}}@keyframes particle-rise{0%{opacity:0;transform:translate3d(0,30px,0) scale(.7)}22%{opacity:.72}to{opacity:0;transform:translate3d(18px,-130px,0) scale(1)}}@keyframes rain-fall{0%{opacity:0;transform:translate3d(0,-50px,0) rotate(10deg)}20%{opacity:.7}to{opacity:0;transform:translate3d(-90px,240px,0) rotate(10deg)}}@keyframes wind-streak{0%{opacity:0;transform:translate3d(110vw,0,0)}35%{opacity:.58}to{opacity:0;transform:translate3d(-130vw,-24px,0)}}@keyframes snow-fall{0%{opacity:0;transform:translate3d(0,-30px,0)}30%{opacity:.78}to{opacity:0;transform:translate3d(20px,190px,0)}}@keyframes heat-rise{0%{opacity:0;transform:translate3d(0,130px,0) skew(-8deg)}35%{opacity:.52}to{opacity:0;transform:translate3d(16px,-120px,0) skew(8deg)}}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;padding:3.5rem 0 5rem}.hero-left{order:1;padding-top:0}.hero-center{order:2;min-height:620px}.hero-right{order:3;justify-content:center}.control-panel{width:min(100%,620px)}.reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.hero-grid,.section-heading,.reaction-grid,.works-layout,.usage-grid{width:min(100% - 28px,1180px)}.hero-left h1{font-size:clamp(3rem,12.5vw,5rem)}.hero-center{min-height:470px}.bloom-object{width:min(460px,92vw)}.weather-selector{min-height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.selector-orbit{display:none}.weather-selector button{position:relative;left:auto;top:auto;width:100%;height:84px;transform:none}.reaction-grid,.works-layout,.usage-grid{grid-template-columns:1fr}.reaction-card{min-height:360px}.works-section,.usage-section,.transformation-section{padding:5.5rem 0}.exploded-stage{min-height:500px}.usage-card,.usage-card:first-child{min-height:520px;grid-row:auto}}@media(max-width:520px){.hero-grid{width:min(100% - 22px,1180px);padding-top:2.2rem}.hero-center{min-height:470px}.state-caption{bottom:-2%}.weather-selector{grid-template-columns:repeat(2,1fr)}.reaction-grid{grid-template-columns:1fr}.system-list article{grid-template-columns:1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}