:root{color-scheme:light;--ink:#1f2428;--muted:#626a70;--line:#dde3e0;--paper:#ffffff;--soft:#f6f8f7;--soft-2:#eef4f1;--green:#0f7b5f;--amber:#c96a28;--rose:#b23a63;--violet:#6750a4;--blue:#2d6f9f;--shadow:0 18px 42px rgba(29,36,40,0.12);--shadow-soft:0 8px 24px rgba(29,36,40,0.08);--shadow-lift:0 22px 54px rgba(29,36,40,0.16);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f7fbf9 0,#ffffff 360px),var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}a{color:inherit;}::selection{background:rgba(15,123,95,0.18);}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid rgba(15,123,95,0.28);outline-offset:3px;}img{display:block;max-width:100%;}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(221,227,224,0.8);background:rgba(255,255,255,0.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(31,36,40,0.04);}.nav{width:min(1120px,calc(100% - 32px));margin:0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:760;text-decoration:none;white-space:nowrap;}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#12221e,#0f7b5f);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:14px;}.nav-right{display:flex;align-items:center;gap:18px;}.language-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--soft);}.language-switch a{min-width:34px;padding:6px 8px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:760;text-align:center;text-decoration:none;}.language-switch a.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px rgba(31,36,40,0.12);}.nav-links a{text-decoration:none;padding:8px 10px;border-radius:8px;transition:color 160ms ease,background-color 160ms ease;}.nav-links a:hover{color:var(--ink);background:rgba(238,244,241,0.78);}.hero,.app-hero,.legal-hero{width:min(1120px,calc(100% - 32px));margin:0 auto;}.hero{padding:82px 0 58px;display:grid;grid-template-columns:minmax(0,0.95fr) minmax(340px,0.8fr);align-items:center;gap:54px;}.eyebrow{margin:0 0 14px;color:var(--green);font-size:13px;font-weight:760;text-transform:uppercase;letter-spacing:0;}h1,h2,h3{line-height:1.08;letter-spacing:0;overflow-wrap:anywhere;}h1{margin:0;font-size:clamp(42px,7vw,78px);}h2{margin:0 0 16px;font-size:clamp(30px,4vw,48px);}h3{margin:0 0 8px;font-size:22px;}p{margin:0;overflow-wrap:anywhere;}.lead{margin-top:22px;max-width:680px;color:var(--muted);font-size:20px;}.hero-actions,.app-actions,.legal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}.button{min-height:44px;padding:12px 18px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-weight:720;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(31,36,40,0.14);transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease,border-color 160ms ease;}.button.secondary{background:rgba(255,255,255,0.88);color:var(--ink);border-color:var(--line);box-shadow:none;}.button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(31,36,40,0.18);}.button.secondary:hover{border-color:rgba(15,123,95,0.35);background:#fff;}.button:active,.app-card:active,.tutorial-card:active{transform:translateY(0);}.app-store-link{display:inline-flex;align-items:center;width:150px;height:45px;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px rgba(31,36,40,0.16);transition:transform 160ms ease,box-shadow 160ms ease;}.app-store-link:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(31,36,40,0.2);}.app-store-link img{width:100%;height:100%;display:block;}.app-store-options{display:flex;flex-wrap:wrap;gap:12px;width:100%;}.app-store-option{display:grid;gap:8px;min-width:172px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.86);box-shadow:0 1px 0 rgba(31,36,40,0.04);transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;}.app-store-option:hover{transform:translateY(-1px);border-color:rgba(15,123,95,0.24);box-shadow:var(--shadow-soft);}.app-store-option-label{color:var(--ink);font-size:13px;font-weight:760;}.hero-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:18px;border:1px solid rgba(221,227,224,0.86);border-radius:8px;background:linear-gradient(145deg,rgba(238,244,241,0.92),rgba(255,255,255,0.72));box-shadow:var(--shadow-soft);}.hero-mosaic img{border-radius:8px;box-shadow:var(--shadow-soft);background:var(--soft);border:1px solid var(--line);}.hero-mosaic img:nth-child(1){margin-top:48px;}.hero-mosaic img:nth-child(2){margin-bottom:38px;}.section{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:64px 0;}.section-header{max-width:760px;margin-bottom:26px;}.section-header p{color:var(--muted);font-size:18px;}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}.app-card,.tutorial-card,.feature-card,.policy-card,.support-card,.link-row,.mock-panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(31,36,40,0.04);}.app-card{position:relative;overflow:hidden;padding:18px 52px 18px 18px;text-decoration:none;display:flex;flex-direction:column;min-height:310px;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease,background-color 160ms ease;}.app-card:hover{transform:translateY(-3px);border-color:rgba(15,123,95,0.28);box-shadow:var(--shadow-soft);}.app-card::after,.tutorial-card::after{content:"→";position:absolute;top:16px;right:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(238,244,241,0.92);color:var(--green);font-weight:840;opacity:0;transform:translateX(-4px);transition:opacity 160ms ease,transform 160ms ease,background-color 160ms ease;}.app-card:hover::after,.tutorial-card:hover::after{opacity:1;transform:translateX(0);}.app-grid .app-card:first-child{border-color:rgba(15,123,95,0.24);background:linear-gradient(180deg,rgba(238,244,241,0.75),#fff 44%);}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.tutorial-card{position:relative;overflow:hidden;min-height:176px;padding:20px 52px 20px 20px;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:start;gap:18px;color:inherit;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;}.tutorial-card:hover{transform:translateY(-3px);border-color:rgba(15,123,95,0.28);box-shadow:var(--shadow-soft);}.tutorial-card p{color:var(--muted);font-size:15px;}.icon{width:66px;height:66px;border-radius:22%;object-fit:cover;box-shadow:0 8px 24px rgba(31,36,40,0.16);}.icon.generated{display:grid;place-items:center;color:#fff;background:#202124;font-size:24px;font-weight:840;}.roogoo-icon{background:linear-gradient(145deg,#087f68,#202124 72%);}.app-card h3{margin-top:18px;}.app-card p{color:var(--muted);font-size:15px;}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;}.tag{border:1px solid rgba(15,123,95,0.16);border-radius:8px;padding:5px 8px;color:#315349;background:rgba(238,244,241,0.74);font-size:12px;font-weight:680;}.app-card:hover .tag{border-color:rgba(15,123,95,0.28);background:rgba(238,244,241,0.94);}.band{background:linear-gradient(180deg,rgba(246,248,247,0.96),rgba(238,244,241,0.78)),var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.link-list{display:grid;gap:12px;}.link-row{padding:18px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;}.link-row strong{display:block;}.link-row span{color:var(--muted);font-size:14px;}.link-row a{color:var(--green);font-weight:720;text-decoration:none;padding:8px 10px;border:1px solid rgba(15,123,95,0.16);border-radius:8px;background:rgba(238,244,241,0.62);text-align:center;}.app-hero{padding:70px 0 48px;display:grid;grid-template-columns:minmax(0,0.95fr) minmax(330px,0.82fr);align-items:center;gap:48px;}.app-title{display:flex;align-items:center;gap:18px;margin-bottom:22px;}.app-title h1{font-size:clamp(40px,6vw,68px);}.app-title .icon{width:88px;height:88px;flex:0 0 auto;}.hero-shot,.phone-shot,.wide-shot{border:1px solid var(--line);border-radius:8px;background:var(--soft);box-shadow:var(--shadow-soft);overflow:hidden;}.hero-shot{max-width:360px;margin-left:auto;}.video-frame{max-width:980px;margin:0 auto;padding:8px;border:1px solid rgba(31,36,40,0.18);border-radius:8px;background:linear-gradient(135deg,#05070a,#14201d);box-shadow:var(--shadow-lift);overflow:hidden;}.promo-video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:6px;background:#05070a;}.feature-grid,.policy-grid,.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.feature-card,.policy-card,.support-card{padding:22px;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;}.feature-grid .feature-card[data-site-update="spellvpn-macos"]{grid-column:span 2;background:linear-gradient(180deg,rgba(238,244,241,0.72),#fff 58%);}.feature-card:hover,.policy-card:hover,.support-card:hover{transform:translateY(-2px);border-color:rgba(15,123,95,0.22);box-shadow:var(--shadow-soft);}.feature-card p,.policy-card p,.support-card p{color:var(--muted);}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;}.screens.two{grid-template-columns:minmax(0,0.7fr) minmax(0,1fr);}.wide-shot{grid-column:span 2;}.hero-shot img,.phone-shot img,.wide-shot img{width:100%;}.mock-panel{padding:26px;background:#fff;box-shadow:var(--shadow);}.mock-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;}.metric-list{display:grid;gap:12px;}.metric{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;justify-content:space-between;gap:16px;}.metric span{color:var(--muted);}.legal-hero{padding:58px 0 28px;}.legal-layout{width:min(860px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px;}.tutorial-layout{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px;}.tutorial-section{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(260px,0.82fr);align-items:center;gap:22px;padding:34px 0;border-bottom:1px solid var(--line);}.tutorial-section h2{margin-bottom:14px;font-size:clamp(26px,3vw,38px);}.tutorial-number{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:820;}.tutorial-steps{margin:0;padding-left:22px;color:var(--muted);}.tutorial-steps li+li{margin-top:10px;}.tutorial-media{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--soft);box-shadow:0 14px 32px rgba(31,36,40,0.10);overflow:hidden;}.tutorial-media img{width:100%;max-height:390px;object-fit:contain;background:#fff;}.tutorial-media.diagram-media img{max-height:440px;padding:8px;background:#f6f7fb;}.tutorial-media figcaption{padding:12px 14px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);}.tutorial-icon-pair{min-height:230px;display:flex;align-items:center;justify-content:center;gap:18px;padding:32px;background:var(--soft-2);}.tutorial-icon-pair img{width:96px;height:96px;border-radius:22%;object-fit:cover;box-shadow:0 12px 28px rgba(31,36,40,0.18);background:transparent;}.server-guide{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:18px 0 76px;}.guide-toc,.guide-section{border:1px solid var(--line);border-radius:10px;background:#fff;}.guide-toc{margin:16px 0 28px;padding:22px;background:var(--soft);}.guide-toc h2,.guide-section h2{margin:0 0 14px;}.guide-toc ol{columns:2;margin:0;padding-left:22px;}.guide-toc li{margin:7px 0;break-inside:avoid;}.guide-toc a{color:var(--ink);}.guide-section{margin:18px 0;padding:clamp(22px,4vw,36px);}.guide-section p,.guide-section li{color:var(--muted);}.guide-section h3{margin:26px 0 10px;}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;}.guide-card,.guide-note{border:1px solid var(--line);border-radius:8px;padding:16px;}.guide-card{background:var(--soft);}.guide-card strong{display:block;margin-bottom:6px;}.guide-note{margin:18px 0;border-left:4px solid var(--green);background:#f5fbf7;}.guide-note.warning{border-left-color:var(--amber);background:#fffaf1;}.code-block{margin:16px 0;border-radius:8px;overflow:auto;background:#161a1d;color:#f7f8f8;box-shadow:0 12px 28px rgba(31,36,40,0.14);}.code-block pre{margin:0;padding:18px;min-width:620px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;}.protocol-table-wrap{margin:18px 0;overflow-x:auto;border:1px solid var(--line);border-radius:8px;}.protocol-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff;}.protocol-table th,.protocol-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}.protocol-table th{background:var(--soft);color:var(--ink);}.protocol-table tr:last-child td{border-bottom:0;}.guide-checklist{padding-left:0;list-style:none;}.guide-checklist li{position:relative;padding-left:28px;margin:10px 0;}.guide-checklist li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800;}.legal-layout h2{font-size:28px;margin-top:34px;}.legal-layout h3{margin-top:26px;}.legal-layout p,.legal-layout li{color:var(--muted);overflow-wrap:anywhere;}.legal-layout ul{padding-left:22px;}.legal-box{margin:26px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--soft);}.footer{border-top:1px solid var(--line);background:#fff;}.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:14px;}.footer a{color:var(--ink);text-decoration:none;}.accent-green{color:var(--green);}.accent-amber{color:var(--amber);}.accent-rose{color:var(--rose);}.accent-violet{color:var(--violet);}.accent-blue{color:var(--blue);}@media (max-width:980px){.hero,.app-hero{grid-template-columns:1fr;}.hero-shot{margin:0;}.app-grid,.tutorial-grid,.feature-grid,.policy-grid,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:720px){.nav{min-height:62px;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:8px 0;}.brand span:last-child{display:none;}.nav-right{width:100%;justify-content:space-between;align-items:flex-start;gap:8px;}.nav-links{max-width:calc(100vw - 132px);overflow-x:auto;flex-wrap:nowrap;gap:10px;font-size:13px;scrollbar-width:none;}.nav-links::-webkit-scrollbar{display:none;}.nav-links a{white-space:nowrap;padding:6px 8px;}.language-switch a{min-width:30px;padding:5px 6px;}.hero{padding-top:48px;gap:32px;}h1{font-size:clamp(34px,10vw,44px);}h2{font-size:clamp(26px,8vw,34px);}.lead{font-size:17px;}.app-hero{padding-top:42px;gap:32px;}.hero-actions,.app-actions,.legal-actions{gap:10px;}.button{width:100%;min-height:46px;}.app-store-options{display:grid;grid-template-columns:1fr;}.app-store-link{width:144px;}.hero-mosaic{grid-template-columns:1fr;padding:12px;}.hero-mosaic img:nth-child(1),.hero-mosaic img:nth-child(2){margin:0;}.app-title{align-items:flex-start;}.app-title .icon{width:70px;height:70px;}.app-grid,.tutorial-grid,.feature-grid,.policy-grid,.support-grid,.screens,.screens.two{grid-template-columns:1fr;}.link-row{grid-template-columns:1fr;}.link-row a{width:100%;}.tutorial-card,.tutorial-section{grid-template-columns:1fr;}.app-card{min-height:0;padding:16px 48px 16px 16px;}.tutorial-card{padding:18px 48px 18px 18px;}.wide-shot,.feature-grid .feature-card[data-site-update="spellvpn-macos"]{grid-column:auto;}.video-frame{padding:5px;}.guide-toc ol{columns:1;}.guide-grid{grid-template-columns:1fr;}.footer-inner{flex-direction:column;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;}}.apple-account-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.9fr);gap:18px;margin:18px 0;}.guide-form{display:grid;gap:12px;}.guide-form label{display:grid;gap:6px;color:var(--ink);font-weight:720;}.guide-form input,.guide-form select,.guide-form textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit;}.guide-form textarea{min-height:128px;resize:vertical;}.address-output{white-space:pre-wrap;min-height:168px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;color:var(--ink);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}.source-list{display:grid;gap:8px;padding-left:0;list-style:none;}.source-list a{color:var(--green);font-weight:720;}.invite-code-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:28px;padding:clamp(20px,4vw,32px);border:1px solid rgba(15,123,95,0.28);border-radius:8px;background:linear-gradient(135deg,#f0faf5,#fffaf1);box-shadow:var(--shadow-soft);}.invite-code-card p{max-width:720px;color:var(--muted);}.invite-code-label{display:block;color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase;}.invite-code-value{display:block;margin:4px 0 10px;font:800 clamp(34px,6vw,58px)/1.05 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:0;}.invite-code-actions{display:grid;gap:10px;min-width:210px;}.invite-code-actions .button{width:100%;cursor:pointer;font:inherit;font-weight:720;}.affiliate-disclosure{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.6;}.invite-code-inline{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;background:var(--soft);}.invite-code-inline span{color:var(--muted);font-size:13px;font-weight:720;text-transform:uppercase;}.invite-code-inline strong{font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}.invite-code-inline a{margin-left:auto;color:var(--green);font-weight:760;}@media (max-width:820px){.apple-account-tool{grid-template-columns:1fr;}.invite-code-card{grid-template-columns:1fr;}.invite-code-actions{min-width:0;}}.tax-free-embed{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,0.85fr);gap:18px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--soft);}.tax-free-embed h3{margin:0 0 8px;}.tax-free-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0;}.tax-free-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end;}.tax-free-controls label{display:grid;gap:6px;color:var(--ink);font-weight:720;}.tax-free-controls select{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit;}.tax-free-output{white-space:pre-wrap;min-height:218px;margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;color:var(--ink);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}.tax-free-side{display:grid;gap:12px;}.tax-free-mini-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;}.tax-free-mini-card strong{display:block;margin-bottom:6px;}@media (max-width:820px){.tax-free-embed,.tax-free-controls{grid-template-columns:1fr;}}.tax-free-embed-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}.tax-free-lang-switch button{min-width:34px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:760;text-align:center;}.tax-free-lang-switch button.active{background:var(--paper);color:var(--ink);}@media (max-width:620px){.tax-free-embed-head{flex-direction:column;}.invite-code-inline{align-items:flex-start;flex-direction:column;}.invite-code-inline a{margin-left:0;}}.band,.tutorial-section,.guide-section,.screens,.feature-grid,.link-list{content-visibility:auto;contain-intrinsic-size:1px 720px;}