/* Marketing preview: shared appearance, navigation, editorial cards and ambient motion. */
:root{color-scheme:dark;--accent-text:var(--yellow);--button-ink:#14211a}
body{isolation:isolate}.ambient{z-index:-1}.light{filter:blur(clamp(48px,6vw,88px));opacity:.65;right:auto;bottom:auto;width:54vw;height:54vw;min-width:330px;min-height:330px;max-width:740px;max-height:740px}.light-green{left:48%;top:-18%;background:radial-gradient(ellipse,#387a50a3 0,#387a5063 32%,#387a5000 72%);animation:roamGreen 19s ease-in-out infinite;animation-delay:-4s}.light-yellow{left:-18%;top:10%;background:radial-gradient(ellipse,#ffce326b 0,#d5a4242e 40%,#ffce3200 72%);animation:roamYellow 23s ease-in-out infinite;animation-delay:-8s}.fine-grain{opacity:.035}
@keyframes roamGreen{0%,100%{transform:translate(0,0) scale(1)}30%{transform:translate(-48vw,30vh) scale(1.13)}65%{transform:translate(-10vw,66vh) scale(.9)}}
@keyframes roamYellow{0%,100%{transform:translate(0,0) scale(.9)}35%{transform:translate(70vw,8vh) scale(1.15)}70%{transform:translate(35vw,65vh) scale(1)}}
.header-inner{gap:20px}.desktop-nav{gap:21px;margin-inline:auto 6px}.desktop-nav a{font-size:11px}.header-actions{gap:12px}.display-controls{display:flex;gap:7px}.display-controls .icon-button{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,#dfffe512,#dfffe503);box-shadow:inset 0 1px 0 #effff212}.theme-toggle{color:var(--accent-text)}.header-login{min-height:44px!important}.language-flag{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #ffffff35}.language-flag svg{width:100%;height:100%}.language-toggle .language-flag{width:23px;height:23px}.mobile-nav{max-height:calc(100dvh - 80px);overflow:auto}.mobile-login{color:var(--yellow)}
.language-panel{position:fixed;inset:84px 34px auto auto;width:330px;max-width:calc(100vw - 32px);padding:22px;margin:0;color:var(--ink);background:linear-gradient(135deg,#bbfdd71a,transparent 65%),#0c201df5;backdrop-filter:blur(28px);z-index:90;box-shadow:0 25px 65px #0006,inset 0 1px 1px #fafff845;border:1px solid #d9ffe844}.language-panel:not(:popover-open){display:none}.language-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.language-heading .tiny-label{font-size:8px}.language-heading h2{font-size:21px;letter-spacing:-.5px;margin-top:3px}.language-heading .icon-button{width:44px;height:44px}.language-search{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:46px;border:1px solid var(--edge);background:#030e094d;border-radius:11px}.language-search svg{width:16px;color:var(--faint)}.language-search input{background:none;border:0;color:var(--ink);font-size:12px;width:100%;outline-offset:8px}.language-options{display:grid;gap:7px;margin-top:15px}.language-option{display:flex;gap:13px;align-items:center;min-height:65px;background:transparent;text-align:left;border:1px solid transparent;border-radius:12px;padding:10px 12px}.language-option>span:nth-child(2){flex:1}.language-option strong{display:block;font-size:13px;font-weight:500}.language-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.language-option>svg{width:16px;color:var(--green);opacity:0}.language-option[aria-pressed=true]{background:#88d6a50a;border-color:#88d6a534}.language-option[aria-pressed=true]>svg{opacity:1}.language-option:hover{background:#effff510}.language-empty{font-size:12px;margin-top:18px}
.hero-foot{flex-wrap:wrap}.hero-copy .button{gap:10px;padding-inline:19px}.hero-copy .button.secondary{border-radius:12px}.hero h1{max-width:100%}.hero-label{animation:floatLabel 6s ease-in-out infinite;box-shadow:0 22px 28px -18px #000a,inset 0 1px 1px #d4ffe530}.hero-label:after{content:'';position:absolute;inset:auto 25% -26px;height:13px;background:#88d6a544;filter:blur(14px);z-index:-1}.hero-label strong{font-size:13px}.hero-label div span{font-size:11px}.hero-site{animation:floatTheme 7s ease-in-out infinite;box-shadow:0 38px 32px -22px #000c,inset 0 1px 1px #d4ffe530}.hero-site:after{content:'';position:absolute;inset:20% 10%;z-index:-1;background:#88d6a524;filter:blur(30px)}
@keyframes floatLabel{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes floatTheme{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-13px) rotate(4deg)}}
.preview-hover{background:linear-gradient(125deg,#f6fff82b,#ffffff05 45%,#88d6a50e),#10261da8!important;border:1px solid #e8fff78a!important;border-bottom-color:#73a59080!important;border-radius:12px!important;color:#f3fff8!important;backdrop-filter:blur(14px);box-shadow:inset 1px 1px 1px #f2fffa8a,inset -1px -1px 1px #c8ffee30,0 7px 14px #0003,0 0 10px #88d6a50c;min-height:44px;padding:0 14px!important;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:500;transition:box-shadow .2s,background .2s}.theme-footer{gap:10px}.theme-image-button .preview-hover{opacity:0;transform:translate(-50%,-40%)}.theme-image-button:hover .preview-hover,.theme-image-button:focus-visible .preview-hover{opacity:1;transform:translate(-50%,-50%)}
.custom-art{isolation:isolate}.custom-art:after{content:'';position:absolute;width:82%;height:30px;left:9%;bottom:12px;border-radius:50%;background:#0008;filter:blur(12px);transform:rotate(-9deg);z-index:-1}.design-sheet{box-shadow:0 22px 25px -12px #000b,inset 0 1px 1px #effff43d}.sheet-back{box-shadow:0 15px 18px -10px #0009}.sheet-front{box-shadow:-5px 20px 18px -11px #000d,0 1px 1px #e7ffe934 inset}.custom-design>div:nth-child(2){position:relative;z-index:1}
.notes-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 3px 22px;scroll-behavior:smooth}.notes-rail::-webkit-scrollbar{display:none}.notes-rail .note{flex:0 0 calc((100% - 48px)/2.45);scroll-snap-align:start;padding:29px;border-radius:20px;display:flex;flex-direction:column;min-height:315px;background:linear-gradient(135deg,#d5f4e110,transparent 68%),#11281e70}.note-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.note-meta .tiny-label{color:var(--green);font-size:10px}.note-symbol{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--edge);border-radius:13px;color:var(--yellow);background:#ffce3206}.notes-rail .note h3{font-size:22px;line-height:1.45;letter-spacing:-.7px;margin-bottom:17px}.notes-rail .note p{font-size:13px;line-height:1.85;margin-bottom:24px}.notes-rail .note>.text-button{margin-top:auto;border-top:1px solid var(--edge);padding-top:18px;width:100%;justify-content:space-between}.notes-controls{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.notes-position{font-size:11px;letter-spacing:2px;color:var(--faint)}.notes-controls .icon-button{border-radius:12px}.notes-section .section-heading h2{font-size:41px}.notes-section .section-heading{align-items:flex-end}.notes-pause svg{width:16px}
.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:start}.faq-heading{position:sticky;top:120px}.faq-heading h2{font-size:50px;letter-spacing:-2.5px;line-height:1.16;max-width:none}.faq-heading>p:not(.eyebrow){margin:25px 0 18px;font-size:15px;line-height:1.85}.faq-signup{margin-top:7px;font-size:14px;font-weight:600;min-height:48px;border-bottom:1px solid var(--ink);gap:20px}.faq-list{border-top:1px solid var(--edge)}.faq-list details{border-bottom:1px solid var(--edge)}.faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:22px;font-size:18px;line-height:1.5;font-weight:500;letter-spacing:-.35px;padding:26px 0;font-family:var(--display);cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-expand{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--edge);color:var(--muted)}.faq-expand svg{width:16px;height:16px;transition:transform .2s}.faq-list details[open] .faq-expand{background:var(--yellow);color:#102218;border-color:var(--yellow)}.faq-list details[open] .faq-expand svg{transform:rotate(45deg)}.faq-list details>p{padding:0 52px 27px 0;font-size:14px;line-height:1.85}
.whatsapp-support{position:fixed;right:25px;bottom:25px;z-index:49;display:flex;align-items:center;gap:13px;padding:12px 16px 12px 12px;border-radius:19px;background:linear-gradient(135deg,#ebfff518,#fff0),#10291fe0;box-shadow:inset 0 1px 1px #e8fff645,0 12px 35px #0005;transition:transform .25s}.whatsapp-support:hover{transform:translateY(-4px)}.support-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;color:var(--green);background:#88d6a50b;border:1px solid #88d6a539}.support-icon svg{width:24px;height:24px}.support-copy strong{display:block;font-size:11px;font-weight:500}.support-copy small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.whatsapp-support>svg{width:15px;margin-left:9px;color:var(--green)}.site-footer{padding-bottom:110px}.toast{z-index:110}.planner-header-actions>.text-button{white-space:nowrap}
html[data-theme=light]{color-scheme:light;--bg:#edf2e9;--surface:#f9fcf5;--surface-soft:#ffffff8c;--ink:#183429;--muted:#4b6456;--faint:#61766a;--green:#387a50;--green-dark:#387a50;--accent-text:#816209;--edge:#264c382b;--shadow:0 25px 75px #2448310c}
html[data-theme=light] .site-header{background:#f6f9f0db;border-color:var(--edge)}html[data-theme=light] :is(.desktop-nav a,.login-link,.text-button,.window-bar,.hero-foot,.hero-note,.capability-line,.file-chips span){color:var(--muted)}html[data-theme=light] :is(.eyebrow,.hero-promise){color:var(--accent-text)}html[data-theme=light] .green-text{color:var(--green)}html[data-theme=light] .button.primary{color:var(--button-ink)}html[data-theme=light] .button.secondary{background:linear-gradient(135deg,#ffffffd9,#ffffff42);color:var(--ink);border-color:#3157433d;box-shadow:inset 0 1px 0 #fff,0 5px 17px #1b422408}html[data-theme=light] .glass{border-color:#3c67452e;border-top-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,var(--shadow)}html[data-theme=light] .hero-label{background:#edf9ead4}html[data-theme=light] .hero-window{background:#d7e7d195}html[data-theme=light] .hero-site{background:#e9f2e8f0}html[data-theme=light] .hero-site :is(.micro,.hero-site-bottom a){color:#365545}html[data-theme=light] .soft{color:#6c8577}html[data-theme=light] .hero h1 .soft{color:var(--ink)}html[data-theme=light] .capability-line{border-color:var(--edge)}html[data-theme=light] :is(.icon-tile,.note-symbol){color:var(--accent-text);border-color:#ac903c55;background:#edce520d}html[data-theme=light] .icon-tile.green{color:var(--green);border-color:#387a5033}html[data-theme=light] .creative-stage{background:radial-gradient(ellipse at 50% 40%,#aec9a322,transparent 65%),#ffffff6b}html[data-theme=light] .creative-tag{background:#edf6e8d9;color:var(--ink);border-color:var(--edge)}html[data-theme=light] .creative-prompt{background:#f4f8efc9;border-color:var(--edge);box-shadow:inset 0 1px 3px #143e2410}html[data-theme=light] .creative-prompt p{color:var(--ink)}html[data-theme=light] :is(.filter.active,.need-option[aria-pressed=true],.design-choice[aria-pressed=true]){background:#387a500e;border-color:#387a5050}html[data-theme=light] :is(.theme-card,.notes-rail .note,.package-card,.need-option,.planner-package,.design-choice){background:linear-gradient(135deg,#ffffffb8,#f5f9ed6b)}html[data-theme=light] .package-card.featured{background:linear-gradient(140deg,#fff7c899,#ffffff8c);border-color:#ba963966}html[data-theme=light] :is(.package-features li,.package-topline,.solution-card p,.package-price small,.package-price span,.hero-label div span,.file-chips svg){color:var(--muted)}html[data-theme=light] .theme-meta p{color:var(--muted)}html[data-theme=light] .design-sheet{background:#f0f8e6;border-color:#d0dfc4}html[data-theme=light] .sheet-back{background:#d1e5c3}html[data-theme=light] .sheet-front{color:#295139}html[data-theme=light] .custom-art:after{background:#22432636}html[data-theme=light] :is(.faq-expand,.notes-controls .icon-button,.icon-button){border-color:var(--edge)}html[data-theme=light] .preview-hover,html[data-theme=light] .theme-footer [data-preview]{background:linear-gradient(130deg,#fffffff0,#f0f9e480 55%,#bbdfcd60)!important;color:#1f4938!important;border-color:#ffffff!important;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #709b8259,0 5px 15px #19412b18}html[data-theme=light] :is(.language-panel,.mobile-nav){background:#f4f9eff2}html[data-theme=light] .language-search{background:#ffffff80}html[data-theme=light] .display-controls .icon-button{background:#ffffff80;border-color:#3157433d}html[data-theme=light] .language-option:hover{background:#387a500b}html[data-theme=light] .whatsapp-support{background:linear-gradient(135deg,#ffffffdd,#f2f9eac9);box-shadow:inset 0 1px 1px #fff,0 10px 30px #21472c22}html[data-theme=light] .preview-dialog{background:#f2f7eef7;border-color:#ffffff9c}html[data-theme=light] .dialog-image-wrap{background:#e4ece1}html[data-theme=light] .plan-summary{background:linear-gradient(140deg,#ffffffd1,#dfeeddcb)}html[data-theme=light] :is(.form-input,.selection-banner){background:#ffffff77;color:var(--ink)}html[data-theme=light] .form-input::placeholder{color:var(--faint)}html[data-theme=light] .selection-banner{border-color:#387a504d}html[data-theme=light] .light{opacity:.44}html[data-theme=light] .summary-price p{color:var(--muted)}html[data-theme=light] .final-cta{background:linear-gradient(125deg,#e2f0d9d9,#f5f6d3c9)}html[data-theme=light] .final-cta h2 span{color:#59774c}html[data-theme=light] .final-cta .cta-account{color:var(--ink)}
@media(max-width:1200px){.desktop-nav{gap:13px}.desktop-nav a{font-size:10px}.header-actions{gap:8px}.header-login{padding-inline:13px!important}.header-inner{gap:14px}.brand{font-size:18px}.notes-section .section-heading h2{font-size:36px}.faq-section{gap:55px}.faq-heading h2{font-size:43px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-login{display:inline-flex}.notes-rail .note{flex-basis:calc((100% - 30px)/1.9)}.faq-section{gap:38px}.faq-heading h2{font-size:39px}}
@media(max-width:760px){.faq-section{grid-template-columns:1fr;gap:38px}.faq-heading{position:static}.faq-heading h2{font-size:40px;letter-spacing:-2px}.faq-heading>p:not(.eyebrow){max-width:400px;font-size:14px}.faq-list summary{font-size:16px;padding:23px 0}.faq-list details>p{font-size:14px;padding-right:27px}.notes-section .section-heading{align-items:flex-start}.notes-section .section-heading h2{font-size:32px}.notes-rail .note{flex-basis:84%;min-height:322px;padding:25px}.notes-rail .note h3{font-size:22px}.notes-rail .note p{font-size:13px}.notes-rail{gap:16px}.notes-controls{margin-top:1px}}
@media(max-width:680px){.header-inner{gap:8px}.header-actions{gap:6px}.display-controls{gap:5px}.display-controls .icon-button,.menu-toggle{width:44px;height:44px}.header-login{display:none}.brand{font-size:17px;gap:6px}.brand img{width:35px}.language-panel{top:80px;right:16px}.hero-copy .button{font-size:11px;min-height:50px;padding-inline:13px}.hero .button-row{gap:10px}.hero-foot{font-size:9px;gap:12px}.hero-label strong{font-size:11px}.hero-label div span{font-size:9px}.whatsapp-support{right:16px;bottom:16px;padding:9px;border-radius:17px;gap:0}.whatsapp-support .support-copy,.whatsapp-support>svg{display:none}.support-icon{width:42px;height:42px;border:0;background:transparent}.whatsapp-support .support-icon svg{width:27px;height:27px}.planner-header-actions>.text-button{font-size:10px;gap:5px}.planner-header-actions>.text-button svg{width:15px}.planner-header-actions .display-controls .icon-button{width:40px;min-width:40px}.planner-header-actions{gap:10px}.planner-header-actions .display-controls{gap:2px}.notes-rail .note .tiny-label{font-size:10px}.theme-footer [data-preview]{font-size:11px}.site-footer{padding-bottom:95px}}
@media(max-width:370px){.site-header .brand span{font-size:15px}.site-header .brand img{width:30px}.header-inner{width:calc(100% - 24px)}.display-controls{gap:2px}.hero-copy .button{font-size:10px;padding-inline:11px}.hero-label strong{font-size:10px}.hero-label>svg{margin-left:0}.planner-header-actions>.text-button{font-size:0}.planner-header-actions>.text-button svg{width:18px}}
@media(prefers-reduced-motion:reduce){.light,.hero-label,.hero-site{animation:none!important}.notes-rail{scroll-behavior:auto}}
/* EVREN GUI Studio crystal material; public-site geometry stays local. */
:root{--studio-crystal-fill:linear-gradient(155deg,#ffffff0b,#101f2914 56%,#d8f3ff18);--studio-crystal-edge:#ebffff25;--studio-crystal-shadow:inset 0 2px 1px #efffffaa,inset 0 -2px 1px #e5fdffb3,inset 1px 0 2px #192f3980,inset -1px 0 2px #17252c80,0 3px 5px #14283077,0 0 1px 1px #b7efff24}
:is(.display-controls .icon-button,.menu-toggle,.hero-copy .button.secondary,.glass-action,.preview-hover){background:var(--studio-crystal-fill)!important;border:1px solid var(--studio-crystal-edge)!important;box-shadow:var(--studio-crystal-shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink)!important}
.display-controls .icon-button,.menu-toggle{border-radius:50%!important}.display-controls .theme-toggle{color:var(--accent-text)!important}.language-toggle .language-flag{box-shadow:0 0 0 1px #fff5}.hero-copy .button.secondary{border-radius:12px}.glass-action{border-radius:12px}.preview-hover{background:var(--studio-crystal-fill),#123226b8!important}.button.primary{background:linear-gradient(155deg,#ffdc60,#ffce32 57%,#f5db63);border-color:#ffe790;box-shadow:inset 0 2px 1px #fff7d3b3,inset 0 -2px 1px #f5e37c80,0 3px 6px #14283040}.theme-footer [data-preview]:hover,.hero-copy .button.secondary:hover,.glass-action:hover{background:var(--studio-crystal-fill),#d5f8e20d!important}
html[data-theme=light]{--studio-crystal-fill:linear-gradient(155deg,#ffffff7a,#ecf5ee2e 56%,#d8f3ff52);--studio-crystal-edge:#ffffffa8;--studio-crystal-shadow:inset 0 2px 1px #fff,inset 0 -2px 1px #f5ffffe6,inset 1px 0 2px #71938455,inset -1px 0 2px #637d7055,0 3px 5px #25463426,0 0 1px 1px #81a79136}
/* Brand actions and page-header icon tiles share the panel's crystal recipe. */
.header-login,.hero-copy .button.primary{border-radius:26px 7px 26px 26px;background:linear-gradient(135deg,#ffdc67e8,#e1ad1996 58%,#ffe083d6),var(--studio-crystal-fill);color:#10221a;border:1px solid #fff2ab80;box-shadow:var(--studio-crystal-shadow),inset 0 0 20px #ffce322a;backdrop-filter:blur(14px)}
.header-login{border-radius:22px 6px 22px 22px}.hero-copy .button-row .button.secondary{order:0}.hero-copy .button-row .button.primary{order:1}
.solution-card .icon-tile{background:var(--studio-crystal-fill),#ffce320b;border:1px solid var(--studio-crystal-edge);box-shadow:var(--studio-crystal-shadow),0 0 20px #ffce3208;backdrop-filter:blur(14px);border-radius:12px;width:43px;height:43px;color:var(--yellow)}.solution-card .icon-tile.green{background:var(--studio-crystal-fill),#88d6a508;color:var(--green);box-shadow:var(--studio-crystal-shadow),0 0 20px #88d6a508}.solution-card .icon-tile svg{filter:drop-shadow(0 0 4px currentColor);width:20px;height:20px}html[data-theme=light] .solution-card .icon-tile:not(.green){color:var(--accent-text)}
.button.header-login{border-radius:22px 6px 22px 22px;background:linear-gradient(135deg,#ffdc67e8,#e1ad1996 58%,#ffe083d6),var(--studio-crystal-fill);color:#10221a;border:1px solid #fff2ab80;box-shadow:var(--studio-crystal-shadow),inset 0 0 20px #ffce322a;backdrop-filter:blur(14px)}.hero-label .mini-logo{color:var(--green);background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow);border-color:var(--studio-crystal-edge)}.hero-label .mini-logo svg{width:23px;height:23px}